清除浮动的方法

常用的三种方法

第一种：浮动元素后边使用一个空元素
<div class="clear"></div> clear：both；

第二种 给浮动元素的容器（父元素）添加overflow:hidden;

第三种：使用css3的:after伪类、
.class名:after{
content:".";
display:block;
height:0;
visibility:hidden;
clear:both;
}
.class类名{
zoom:1;
} 用来兼容

其它方法（仅作了解，不建议使用）

一、父级元素定义height，只适合高度固定的布局。

二、父元素也一起浮动，不推荐，会产生新的浮动问题。