css清除浮动的方法

关于清除浮动的方法：

方法一：使用clear

.clear{
	clear: both;
}

在浮动的盒子之下，再放一个clear类标签，可以清除对页面的影响。这个标签可放在两个位置：

在父元素内部：会将父盒子高度重新撑开；在父元素外部：会将这个浮动盒子的影响清除吗，但不会撑开父盒子

一般不会用这个方法来清除倾向，这会增加页面的标签。

方法二：使用overflow

在父元素中添加一个属性：overflow:hidden，清除这个父元素中的子元素浮动对页面的影响。

缺点：离开这个元素所在的区域以后会将超出的部分隐藏。

方法三：使用为元素来清除浮动(:after)

　.clearfix:after{

　　　　　　content:"";

　　　　　　height:0;

　　　　　　line-height:0;

　　　　　　display:block;//将文本转为块级元素

　　　　　　visibility:hidden;//将元素隐藏

　　　　　　clear:both;

　　　　　}

　.clearfix{

　　　　zoom:1;为了兼容IE

　}