美文网首页
margin和padding属性应用场合

margin和padding属性应用场合

作者: 西瓜炒苦瓜 | 来源:发表于2017-06-21 21:39 被阅读19次

    何时应当使用margin

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

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

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

    何时应当时用padding

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

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

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

    浏览器兼容性问题

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

    相关文章

      网友评论

          本文标题:margin和padding属性应用场合

          本文链接:https://www.haomeiwen.com/subject/mvujqxtx.html