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

何时使用margin:

需要在border外侧添加空白

空白处不需要背景色

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

何时使用padding:

需要在border内侧添加空白

空白处需要背景颜色

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

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

padding或者指定盒子的display:inline解决。

发表评论

后才能评论