lh_hz的博客

原创 总结：高度塌陷

1、高度塌陷的触发条件： 父元素高度不写，且所有的子元素都浮动（float）了，那么父元素会发生高度塌陷。（只有满足这两个条件才会塌，如果不满足这两个条件就不会塌） 2、发生高度塌陷的原理： 因为子元素浮动之后，子元素所在的盒子是悬在页面之上的且不占位，所以父元素会高度塌陷。 通俗点理解就是子元素浮动之后，盒子悬空在页面之上，悬上去之后，它就不再占据浏览器的位置了，所以对于当前的父元素来说，他的高度就变成了0。 3、高度塌陷的解决方法 （1）给塌陷的盒子添加 overflow:hidden。