高度塌陷（也称为浮动塌陷）是指当一个父元素包含浮动元素时，父元素没有正确包裹浮动元素的高度，导致父元素的高度变成了0的情况。这会导致布局混乱，浮动元素可能会溢出父元素，影响页面的结构。

 子盒的浮动，可能会造成未设置高度的父盒“高度塌陷”现象

 下面通过例子介绍高度塌陷：

盒子设置浮动前，父盒由4个盒子撑开；盒子设置浮动后，脱离了文档流，导致父盒没有盒子撑开，从而导致了塌陷 

解决高度塌陷：

清除浮动：使用上述提到的清除浮动的方法，确保父元素正确包裹浮动元素的高度。