清除浮动方法

1.添加额外标签设置clear:both属性 <div style="clear:both"></div>
2.使用 br标签和其自身的 html属性
3.父元素设置 overflow的非 visible 值(overflow:auto/overflow:hidden)
4.父元素也设置浮动 float:left
5.父元素设置display:table display:table
6.使用:after 伪元素
.clearfix:after{content:".";clear:both;overflow:hidden;display:bolck;height:0;visibility:hidden}
.clearfix{*zoom:1;}/* 激活IE 6,7的haslayout*/
7.在 IE 6/7 的标准文档模式中设置 “width/height/zoom” 等样式来自动清理浮动。