230问答网 > .clearfix {*zoom:1;_height:1px} CSS的这句声明的zoom前的*和height前的_起到什么作用

.clearfix {zoom:1;_height:1px} CSS的这句声明的zoom前的和height前的_起到什么作用

为什么要在zoom前加*和height前加_

2025-02-02 20:44:02

推荐回答（3个）

回答1：

这个是hack写法，用来识别不同版本的IE浏览器。*后面的属性 IE6 IE7能识别，IE8 IE9……都不能识别；"_"后面的属性，只有IE6能识别，解决方法如下：

1、首先新建一个html文件，命名为test.html。

2、在test.html文件中，分别给两个p标签设置class属性，分别为n1，n2。主要用于下面分别对p标签使用line-height和height样式，讲解它们的区别。

3、为了展示明显的效果，在css标签内，使用css设置p标签的样式，定义p元素为1px灰色边框，宽度为300px，并使用margin-bottom设置两个p标签相隔10px。

4、在css标签内，通过class类名，分别使用line-height和heignt属性设置两个p标签的样式。

5、最后在浏览器打开test.html文件，查看实现的效果。

回答2：

*zoom:1;_height:1px 这两个都是IE6能识别。

.clearfix 看这意思应该是要清除浮动，但是写错了。

应该这样：

.clearfix:after{
     content: "020"; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;  
 }

.clearfix {
     /* 触发 hasLayout */ 
     zoom: 1; 
 }

望采纳！

回答3：

这个是hack写法，用来识别不同版本的IE浏览器。*后面的属性 IE6 IE7能识别，IE8 IE9……都不能识别；"_"后面的属性，只有IE6能识别，其他版本（IE7 8 9 更高级别）都不能识别