清除浮动的方法

1.为什么要清除浮动

清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题

2.四种清除浮动的方法

1.标签法

额外标签法： 给谁清除浮动，就在其后额外添加一个空白标签 。
优点： 通俗易懂，书写方便。（不推荐使用）
缺点： 添加许多无意义的标签，结构化比较差。

2.父级添加属性

通过父级元素添加overflow:hidden属性实现清除浮动

3.伪元素清除

使用after伪元素清除浮动： :after方式为空元素的升级版，好处是不用单独加标签了。IE8以上和非IE浏览器才支持:after，，zoom(IE专有属性)可解决ie6,ie7浮动问题（较常用推荐）
优点： 符合闭合浮动思想，结构语义化正确，不容易出现怪问题（目前：大型网站都有使用，如：腾迅，网易，新浪等等）
缺点： 由于IE6-7不支持：after，使用zoom：1

4.使用双伪元素清除浮动

通过使用before和after双伪元素实现清除浮动