清除浮动的方法

1.额外标签

在浮动元素的最后面额外添加一个空标签，设置clear：both

2.设置父级元素

对父级元素设置overflow：hidden，通过触发BFC的方式来清除浮动

3.伪元素

就是添加特定的代码

.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
*zoom:1; /*ie6清除浮动的方式 只有IE6-IE7执行/
}

或者添加下面这段代码

.clearfix:after,.clearfix:before{
content:’’;
display:table;
}
.clearfix:after{
clear:both;
}
.clear{
*zoom:1;
}