zoom:1是IE6/IE7中触发hasLayout的最轻量方式，不改变视觉效果，仅修复盒模型问题；它需配合BFC清除浮动，不能单独使用。
zoom:1 是为了触发 IE6/IE7 的 hasLayout
在 IE6/IE7 中，很多布局异常（比如父容器高度塌陷、margin 重叠、浮动元素溢出）根本原因不是 CSS 写错了，而是该元素没有 hasLayout。而 zoom:1 是最轻量、最常用的触发方式——它不改变视觉效果（zoom:1 等价于原尺寸），只悄悄告诉 IE：“这个元素要自己管好自己的盒模型”。
为什么不用 overflow:hidden 替代 zoom:1
虽然 overflow:hidden 也能闭合浮动，但它有副作用：
- 内容超出时会被裁剪，
position: absolute子元素可能被意外隐藏 - 配合
transform或animation时，在旧版 IE 下行为不可控 - 某些情况下会干扰
textarea的滚动条或select的下拉展开
而 zoom:1 只作用于 hasLayout 机制，不影响溢出表现，更适合做“纯修复”。
zoom:1 必须配合其他清除手段一起用
zoom:1 本身不清理浮动，它只是让父容器具备了“能感知浮动子元素高度”的能力。真正起清除作用的，仍是父容器的 BFC 触发逻辑（比如 overflow:hidden）或伪元素方案。常见组合写法：
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
其中 *zoom: 1 是 CSS hack，仅 IE6/7 解析，避免影响现代浏览器。
现代项目里 zoom:1 基本可以删了
除非你明确要支持 IE8 及更早版本（2026 年已极罕见），否则：
-
zoom不是标准属性，Chrome/Firefox/Safari 仅作兼容性保留，不推荐新写法 - 主流清除方案已统一用
::after+display:table或display:flow-root - 哪怕要兼容 IE8，也优先选
overflow:hidden+ 注释说明限制，比zoom更可预期
真正容易被忽略的是：很多人加了 *zoom:1 就以为万事大吉，却没配 ::after 或 overflow，结果在 IE7 下依然塌陷——zoom 是铺路，不是通车。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
