CSS float float是一种非常重要的网页布局方式，它可以让我们的页面更​​加灵活。 但也存在一些问题，例如：

1、失去了自动扩展父元素的特性，使得父元素无法高度自适应。

2.浮动元素会影响后续浮动元素的贴边效果！

通常当父元素的子元素使用float时，要么所有子元素都允许浮动，要么所有子元素都不浮动。 这避免了很多混乱。

CSS 中清除浮动的几种方法：

1.给父元素设置固定的高度。

由于浮动元素不占据标准流的位置，因此无法扩展父元素的高度。 导致页面混乱。 只要给父元素设置固定的高度，里面的浮动元素就可以正常显示。

缺点：父元素高度无法适配！

2.对父元素设置clear：both

缺点：父元素高度无法适配！

3、隔墙法：

1、外墙法：设置一个div将两个父框分开，设置div属性clear:both

缺点：父元素高度无法适配！

2、内墙法：将div设置在父元素内部，clear：两者

几乎所有浮动问题都解决了！ ！ ！

优点：解决了因漂浮而产生的贴边问题以及高度无法适应的问题！

缺点：添加没有语义的空标签，导致HTML结构冗余！

4. 伪类方法

5. 父元素添加：溢出隐藏。

：生效原因：采用高度自适应机制！ ！

最后总结

清除浮动的方法有以上五种，但最常用的清除浮动的方法一般是以下两种：

1.设置父元素的高度！ （父元素的高度是固定的！）

2、：！ （父元素的高度不确定，需要高度自适应！）