请教一个css问题

2025-02-03 00:11:22

推荐回答（2个）

回答1：

正如你所说，这是用来清除浮动的，完整的CSS应该是：
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}

清除浮动我们一般的做法是在浮动元素之后再加一个元素（如：

），这种写法不好的地方是要多写一些无用标签到页面上，所以我们用上面的方法，只要把clearfix加到浮动元素的父级，就可以实现清除浮动的效果

其中，content:" "的意思是在元素内所有元素后添加一个空格，然后其它的CSS就是针对这个空格去写的，visibility:hidden;是让它不在页面上显示，font-size:0;height:0;是为了防止在某些浏览器下的bug（主要是针对IE6），display:block就不用说了吧？还有下面的*zoom:1是针对IE6/7写的样式，也是防止浏览器bug

回答2：

目的是让这个标签为空，不占任何空间，content是ie的伪类