13
2020
12

margin和padding分别适合什么场景使用?

何时使用margin:


需要在border外侧添加空白

空白处不需要背景色

上下相连的两个盒子之间的空白,需要相互抵消时。

何时使用padding:


需要在border内侧添加空白

空白处需要背景颜色

上下相连的两个盒子的空白,希望为两者之和。

兼容性的问题:在IE5 IE6中,为float的盒子指定margin时,左侧的margin可能会变成两倍的宽度。通过改变padding或者指定盒子的display:inline解决。

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。