page contents

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

轩辕小不懂 发布于 2021-12-04 11:24
阅读 453
收藏 0
分类:WEB前端开发
  • CSS
  • 2569
    Nen
    Nen
    - 程序员

    何时使用margin:

    需要在border外侧添加空白

    空白处不需要背景色

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

    何时使用padding:

    需要在border内侧添加空白

    空白处需要背景颜色

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

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

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

    请先 登录 后评论