16
2020
12

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

◆何时应当使用margin


需要在border外侧添加空白时。


空白处不需要背景(色)时。


上下相连的两个盒子之间的空白,需要相互抵消时。如15px+20px的margin,将得到20px的空白。


◆何时应当时用padding


需要在border内测添加空白时。


空白处需要背景(色)时。


上下相连的两个盒子之间的空白,希望等于两者之和时。如15px+20px的padding,将得到35px的空白。


◆浏览器兼容性问题


在IE5.x、IE6中,为float的盒子指定margin时,左侧margin可能会变成两倍的宽度。通过改用padding或指定盒子为display:inline可以解决。

« 上一篇 下一篇 »

发表评论:

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