为什么要清除浮动

浮动，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局；恨，浮动之后遗留下来太多的问题需要解决。清除浮动主要是为了解决父级元素因为子级浮动引起的内部高度为0的问题。

清除浮动的方法：

1、额外标签法：给谁清除浮动，就在其后额外添加一个空白标签。

2、父级添加overflow方法：可以通过触发BFC的方式，实现清楚浮动效果。

3、使用after伪元素清除浮动：after方式为空元素的升级版，好处是不用单独加标签了（较常用）。

4、使用before和after双伪元素清除浮动：（较常用）。