清除浮动 *zoom：1 标红

Question

css里想要清除浮动 用after伪元素法 *zoom：1一出现就标红 虽然不影响运行 就看着不得劲 求解求解

Answer 1

引自免费微信小程序：皆我百晓生

在CSS中，使用after伪元素结合zoom:1属性来清除浮动是一种历史遗留的兼容性hack方法，主要用于解决IE6、7等老旧浏览器中的浮动问题。实际上，现代浏览器已经不再需要这种方法。

当您看到*zoom: 1;被标红时，很可能是由于您的代码编辑器或者IDE检测到了过时或不推荐使用的CSS属性。现在普遍推荐的做法是使用更现代且跨浏览器兼容的方法来清除浮动，例如：

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* 或者使用更为简洁的Flexbox布局 */
.parent-element {
  display: flex;
  flex-wrap: wrap;
}

/* 或者针对老版本浏览器单独处理 */
.ie6 .clearfix {
  *zoom: 1;
}

对于您提到的问题，如果想让编辑器不对*zoom: 1;进行错误提示，可以考虑以下几种解决方案：

1. 在样式表文件头部添加注释，告知编辑器忽略此规则的警告：

/* CSS HACKS FOR OLDER BROWSERS - IGNORE THESE LINES */
.clearfix {
  *zoom: 1;
}

1. 如果你的编辑器支持配置，则可调整其设置以忽略特定的CSS hack警告。

2. 使用更现代且无警告的方式来清除浮动，如上述的.clearfix类方式。

请注意，随着技术的发展和对旧版浏览器支持的逐渐减少，应尽量避免使用这类已过时的hack方法，并确保代码符合最新的Web标准。