您所在的位置:小祥子 » 编程 » CSS » 正文

CSS Clearfix ——清除浮动元素

时间:2015-01-18 编辑:佚名 来源:互联网

这段类选择器要应用到持有浮动元素的容器中,确保后面的内容都不会浮动,但会被下推和清除。

.clearfix:after { content: ".";display:block;clear:both;visibility:hidden; line-height:0;height:0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix {display:block; }
* html .clearfix { height: 1%; }

以下是一个改进版本的清除浮动的CSS

.clearfix:before, .container:after {content:"";display: table; }<font></font>
.clearfix:after { clear: both; }
/* IE 6/7 */
.clearfix { zoom: 1; }

关键词:浮动 Clearfix