zoom: 1仅用于ie6/7触发haslayout以解决父容器高度塌陷，必须作用于浮动元素的父容器，现代项目已无需使用。
zoom: 1 在现代项目里完全没必要，它只对 IE6/7 有效，且必须配合其他手段才起作用。
zoom: 1 是 IE6/7 的 hasLayout 触发器，不是清除浮动本身
它不改变视觉、不清理兄弟元素浮动、也不创建 BFC。它的唯一作用是让 IE6/7 渲染引擎给父容器打个标记：hasLayout = true，从而让它“感知”到内部浮动子元素的高度。没这个标记，父容器就塌陷——但光有它，塌陷依然存在。
- 必须写在浮动元素的 父容器 上，写在子元素上无效
- 如果父容器已有
overflow: hidden、height或position: absolute，zoom: 1就是冗余的 - 单独加
*zoom: 1（带星号 hack）却没配::after或display: flow-root，IE7 下照样塌陷
为什么当年偏爱 zoom: 1 而不是 overflow: hidden？
因为 overflow: hidden 在 IE6/7 里副作用太难控：会意外裁剪 position: absolute 子元素、干扰 textarea 滚动条、破坏 select 下拉展开；而 zoom: 1 只改渲染层状态，不碰盒模型、不干涉定位、不处理溢出。
-
display: inline-block会把父容器变成行内级，引发基线对齐和空格间隙问题 -
zoom: 1是当时最轻量的“零副作用 hack”，但仅限 IE6/7 - Chrome/Firefox/Safari 中
zoom: 1等效于transform: scale(1)，不影响文档流，也不能修复塌陷
现代项目里怎么写才真正安全？
主流方案已统一用标准语法：display: flow-root 最简，::after + display: table 兼容 IE8+。如果你还在代码里看到 *zoom: 1，大概率是旧系统残留或构建工具自动注入的兼容层。
- 要兼容 IE8+，可用
.clearfix::after { content: ""; display: table; clear: both; }（注意 IE6/7 不支持双冒号，得用单冒号:after） - 真要支持 IE6/7，必须拆成两段：
.clearfix { *zoom: 1; }+.clearfix:after { ... } - 别混用
*zoom: 1和clear: both在同一元素上——它们解决的是不同层级的问题
最容易被忽略的是：*zoom: 1 自己并不通车，它只是给 IE6/7 铺了一条路。删掉它之前，得确认 ::after 规则是否还在、display: flow-root 是否已生效——失效从来不是因为少了 hack，而是因为真正的清除逻辑缺位了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
