css 清队浮动 总结

1.使用空标签浮动

如：<br style="clear:both;"  />

2.使用overflow属性

这各方法有效的解决了通过空标签清除浮动而不得不增加无意的代码的弊端，使用该方法只需要在需要清除浮动元素中定义的CSS属性：overflow:auto，即可，当然overflow:hidden也可以实现

3.使用:after伪类对象清除浮动

（after 伪类可用于在某个元素之后插入某些内容）

after 伪元素 非IE浏览器支持，在IE6之后的版本也支持，Netscape 8 以上支持，所以这种方法有点儿不够完美（或者是作用范围不够全面），但大部分的主流浏览器还是支持的，使用时注意，该方法必需为需要清除浮动元素的伪对象中设置height:0，否该元素会比实际高出若干像素，content是必须的，但其值可以为空，代码为：selector:after{height:0px;visibility:hidden;content:"";display:block;}