清除浮动:父盒子没有高度，影响下面布局

1.额外标签法:

在最后一个浮动的盒子后面加一个标签，必须是块级元素！

在样式中写clear:both;

然后给标签起一个类名 .clear

2.overflow:hidden;

给他的父亲添加

3.after伪元素
 

.clearfix:after {

content: " ";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {

*zoom:1;

}

4. 双伪元素

.clearfix:after
,.clearfix:before{

content: " ";

display:table;

}
.clearfix:after {
clear:both;
}

.clearfix {

*zoom:1;

}