首页 > css中能用padding实现的效果尽量不用margin去实现,这是为什么

css中能用padding实现的效果尽量不用margin去实现,这是为什么

css中能用padding实现的效果尽量不用margin去实现,这是为什么啊?老师说这样出错少~


margin有bug,容易给自己留出很多小问题,而且到JS写特效的时候,大多都是获取盒子模型的大小,而margin不算盒子模型的宽高,也不太方便。所以尽量用padding,margin看情况用,都是好的。


老师说出错少,然后不说原因?我猜大概是:


上下可能会重叠 还有布局好 还有适应设计啊


除了 @xuecan 说的 margin 塌陷以外,
一些历史遗留原因, margin 会导致一些 bug, 减少 margin 使用可以避免一些 bug


1.使用padding,添加上背景,就能看到实际的视觉效果;而对margin来说,背景是不会扩展到这个区域
2.同时margin在垂直方向上会发生边距合并

这个用不用没有绝对的,看自己调试开发方便吧

【热门文章】
【热门文章】