美文网首页
css外边距合并现象

css外边距合并现象

作者: shoage | 来源:发表于2019-02-17 23:34 被阅读1次

    默认布局中的默认情况下

    1.水平方向上元素一和元素二的margin会叠加,比如1的margin-left为20px,2的margin-right为40px,则这两个元素的边框距离为60px

    2.垂直方向,margin-bottom跟margin-top不会叠加,比如1的margin-bottom为50px,2的margin-top为100px,则这两个元素边框距离为100px,

        即两者中最大的那个

    3.如果两个盒子是嵌套关系,那么设置了里面盒子的外边距也就是margin-top,那么两个盒子都会被顶下来,如果想要外面盒子不被顶下来,可以给外面盒子设置一个边框属性border

    4.企业开发中,如果要控制嵌套盒子之间的距离,应该优先用padding属性,其次用margin属性,margin本质是控制兄弟元素之间的间隙,而padding是控制父子元素的间隙

    相关文章

      网友评论

          本文标题:css外边距合并现象

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