常见清除浮动的几种方法

首先我们要知道为什么要清除浮动？

清除浮动是为了解决盒子塌陷的问题，或者也叫浮动溢出问题采取的css处理方案

作用

css清除浮动就是为了防止浮动溢出现象的出现。

什么是浮动溢出现象呢？当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象

浮动溢出，其实也叫父元素高度坍塌

解决方案

1.手动给父盒子添加高度

2.给父盒子添加 overflow:hidden，触发浮动元素父元素的 BFC (Block Formatting Contexts, 块级格式化上下文)

3.额外标签法，子元素最后新加一个元素,然后设置clear:both

4.使用after单伪元素清除浮动，子元素最后一个元素设置伪元素

5.使用before和after双伪元素清除浮动