CSS 清除浮动

清除浮动的几种方法

采用一个HTML标签，以及css的clear属性，来手工清理浮动；
采用伪类:after，动态建立一个块元素，设定 clear 属性，清理之前的浮动元素；
采用CSS overflow 非 visible 值(overflow:auto/overflow:hidden)设定使父容器包含浮动元素；
采用display:table/display:table-cell 等table系列属性将父元素变成 table 形式自动包含浮动元素；
使用 TABLE 以及 TD 标签作为浮动元素容器；
采用 float:left/float:right 方式将父元素同样浮动，就可以包含浮动内容；
在 IE 6/7 的标准文档模式中设置 “width/height/zoom” 等样式来自动清理浮动。

根本方法归类

1.使用css 1就提供的用来清除浮动的样式 clear，如：方法 1，方法 2

2.创建BFC，如：方法,3,4,5,6,7

3.触发hasLayout 如：方法6,7

常用方法

方法1,3,6,7

参考地址：
http://www.w3help.org/zh-cn/casestudies/001
http://www.w3help.org/zh-cn/causes/RM8002
http://www.qianduan.net/universal-to-remove-floating-style.html http://www.wufangbo.com/css-qing-chu-fu-dong/ http://blog.csdn.net/fanhaiwang520/article/details/8191513 http://www.360doc.com/content/14/0214/20/15805348_352531333.shtml