zoom:1必须作用于浮动元素的父容器以触发IE6/7的hasLayout，配合::after伪元素才能真正清除浮动；单独使用或写在子元素上均无效。
zoom:1 必须写在浮动元素的父容器上
它不作用于浮动子元素本身，写在 .item 或 img 上完全无效。只有父容器触发 hasLayout，才能让 IE6/7 “感知”到内部浮动子元素的存在，从而撑开高度。常见错误是把 zoom: 1 加在浮动元素上，结果页面依然塌陷。
*zoom:1 是专为 IE6/7 设计的 CSS hack
现代浏览器会忽略带星号前缀的 *zoom: 1，所以它只影响目标旧版本。实际项目中应优先用这个写法，而非裸写的 zoom: 1，避免意外干扰其他浏览器的渲染逻辑。注意：IE8+ 已支持标准 ::after 清除方式，*zoom 在 IE8 中不一定生效，需额外测试。
zoom:1 本身不“清除”浮动，必须配合 ::after
zoom:1 只解决父容器高度塌陷问题，但不会影响兄弟元素间的浮动干扰（比如后续元素上浮）。真正承担“清除”职责的是 ::after 伪元素：
.clearfix::after { content: ""; display: table; clear: both; }.clearfix { *zoom: 1; }
缺一不可：没有 ::after，IE6/7 外的浏览器无法清除；没有 *zoom:1，IE6/7 的父容器仍会塌陷。
overflow:hidden 虽然也能撑高，但有副作用
单独用 overflow: hidden 在 IE6/7 下有时不够稳定，常需搭配 *zoom: 1 才能可靠触发 hasLayout。更重要的是，overflow: hidden 会裁剪溢出内容（比如下拉菜单、阴影、transform 位移），而 *zoom: 1 + ::after 组合无此风险，更安全。
现在几乎没人再主动兼容 IE6/7，但如果你维护的是一个 2010 年代遗留系统，*zoom: 1 就不是可选项——它是那个时代唯一能让 clearfix 在 IE6/7 下真正起效的胶水。漏掉它，哪怕 ::after 写得再标准，页面在老 IE 里照样塌。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
