我们将现有已知的清楚浮动元素方法罗列下:
- 采用一个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” 等样式来自动清理浮动。
清理浮动相关:http://w3help.org/zh-cn/casestudies/001