CSS清除浮动的4种方法

1.这个就是给父元素也设置浮动元素。让父元素也浮动起来

优点: 没有多余的空标签 

缺点: 缺点就是浮动太多了。（估计应该我以后不会怎么使用）

2.增加空标签:在浮动元素后面添加一个空标签，清除浮动

优点:好处就是简单直接,非常明白。

缺点:如果以后要修改的话,可能空标签不知道是什么意思。

3.overflow:hidden法，也是最常见的一种。

优点:好处就是上面所有的优点,没有标签,也没有浮动。

缺点:目前没有发现。

4.也就是使用after伪类清除浮动的方法。 

优点:只是为存在的一个元素增加了一个伪类而已, 例如.xxx:after{display:block; content="";overflow:hidden;} 

缺点:目前也没有。