用简短的语言讲一下css高度塌陷的解决方案

CSS高度塌陷指的是当一个元素包含了浮动元素时，它的高度会塌陷，导致其他元素受到影响。解决方案包括：

1. 清除浮动：在容器元素的末尾添加一个空元素，设置clear属性为both，可以清除浮动造成的高度塌陷。

2. 使用overflow属性：在容器元素中设置overflow属性为hidden、auto或scroll，可以使容器元素包含浮动元素，从而避免高度塌陷。

3. 使用伪元素：在容器元素中使用伪元素:before或:after，给其添加clearfix的样式，可以清除浮动造成的高度塌陷。

4. 使用Flexbox布局：使用display: flex布局，可以轻松地解决高度塌陷问题。