【在任务四的时候,在main下面的div标签,使用外边距会造成空白 _属性 】 | IT修真院·坑乎
问题已收录 在任务四的时候,在main下面的div标签,使用外边距会造成空白
我也踩过这个坑( 3 )
已统计您的踩坑,无需重复点击
回答(1)
属性
详细描述
截图
代码
编辑于2021-09-22
  • [北京|结业弟子]JS-顾仁鹏
    1

    这个问题我刚刚也遇到了,这里涉及到的margin塌陷:由于父级没有设置border,paddin,inline content,他跟第一个子元素之间的margin合并,并且显示出了子元素的margin,这个叫做margin塌陷或者margin折叠。想要解决这个问题就要触发BFC。至于BFC是什么,请自行百度。

    触发方式:

    1.overflow:hidden、auto、scroll;

    2.position不是static也不是relative;

    3.float不是none;

    4.display是table-cell或inline。

    我解决就是给父级加了一个overflow:hidden属性。

    我说得可能不够详细,具体请看链接:https://blog.csdn.net/sinat_22996989/article/details/47255541


    编辑于2018-11-02