塌陷
来源：2-3 BFC规范和浏览器差异
慕哥6503273
2021-03-04 14:52:38
老师，这节课学习的内容有一环是BFC取消盒子margin的塌陷，为什么要给两个P标签添加div盒子并且要给DIV都添加overflow: hidden;才游效果呢，不是直接给两个P标签添加overflow: hidden;就可以了嘛？还是说取消盒子的塌陷就必须给P标签添加父盒子，这是固定搭配嘛？
写回答
1回答
-
同学你好，问题解答如下：
1、BFC可以理解为：创建了 BFC的元素就是一个独立的盒子（页面上的一个隔离的容器），里面的子元素不会在布局上影响外面的元素（里面怎么布局都不会影响外部）。
2、所以要在p标签外面加一个父元素，让这个父元素形成BFC，直接给p标签添加overflow:hidden;形成的BFC可以解决p标签子元素margin问题，但是不能解决自身的margin问题。
3、“还是说取消盒子的塌陷就必须给P标签添加父盒子，这是固定搭配嘛？”这里取消盒子塌陷问题不是必须要给p标签添加父盒子的，这里添加父盒子只是因为使用的是BFC特性来取消margin塌陷问题的。例如可以直接给p标签添加display:inlie-block;属性，也可以解决margin塌陷问题，代码如下：
祝学习愉快！
1
相似问题
overflow：hidden 取消塌陷
回答 1
老师，看一下盒子塌陷这个问题
回答 1