为什么要清除浮动？

清除浮动是清除浮动带来的负面影响。因为子元素浮动了，脱离标准流，不再占用之前的位置，导致无法撑开没有设置高度的父元素浮动的父元素高度为0,进而导致后续结构直接跑上来，所以我们要清除掉这种负面影响。

清除浮动的五种方法：

1. 浮动的父元素没高度，直接给父元素加个高度

2. 单伪元素清除浮动

3. 双伪元素清除浮动

4. 直接给父元素设置overflow: hidden;

5. 额外标签法(不推荐使用)