清除浮动的几种方法

1. 添加标签clear:both

<div class='wrap'>
　　<div class='fl'></div>
　　<div class='fr'></div>
　　<div class='cl'></div>
</div>

.fl{
float:left;
}
.fr{
float:right;
}
.cl{
clear:both;
}

2.父元素overflow:hidden

<div class='wrap'>
<div class='fl'></div>
<div class='fr'></div>
<div class='cl'></div>
</div>

.fl{
float:left;
}
.fr{
float:right;
}
.wrap{
overflow:hidden;
}

<div class='wrap clearfix'>
<div class='fl'></div>
<div class='fr'></div>
</div>

.clearfix:before,
.clearfix:after{
content:'';
display:table;
}

.clearfix:after{
clear:both;
}

.clearfix{
zoom:1;
}