何时使用margin
:
- 需要在
border
外侧添加空白 - 空白处不需要背景色
- 上下相连的两个盒子之间的空白,需要相互抵消时。
何时使用padding
:
- 需要在
border
内侧添加空白 - 空白处需要背景颜色
- 上下相连的两个盒子的空白,希望为两者之和。
兼容性的问题:在IE5 IE6
中,为float
的盒子指定margin
时,左侧的margin
可能会变成两倍的宽度。通过改变padding
或者指定盒子的display:inline
解决。
何时使用margin
:
border
外侧添加空白何时使用padding
:
border
内侧添加空白兼容性的问题:在IE5 IE6
中,为float
的盒子指定margin
时,左侧的margin
可能会变成两倍的宽度。通过改变padding
或者指定盒子的display:inline
解决。