大家对css中clearfix并不陌生吧，它的作用就是清除浮动，下面对clearfix的定义及实现原理简要的为大家做个介绍，另外还有个不错的示例，喜欢的朋友不要错过

下面小编就为大家带来一篇css之clearfix的用法深入理解(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦

复制代码代码如下: body { text-align:center; } 用ie7打开是居左的。 万能 float 闭合(非常重要!) 关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup] 将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽. 复制代码代码如下: .clearfix:after { content:”.”; display:b

清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。 复制代码代码如下:/* 清理浮动 */.clearfix:after { visibility:hidden; display:block; font-size:0; content:” “; clear:both; height:0;}.clearfix { zoom:1;} 其原理是，

clearfix的定义： 复制代码代码如下: .clearfix:after {}{ content: “.”; /**//*内容为“.”就是一个英文的句号而已。也可以不写。*/ display: block; /**//*加入的这个元素转换为块级元素。*/ clear: both; /**//*清除左右两边浮动。*/ visibility: hidden; /**//*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而