清除浮动的几种方法
- 采用一个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.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