ie6不支持:before/:after伪元素，清除浮动必须用*zoom:1触发haslayout；双倍边距仅存于怪异模式，与清除浮动无关。
伪元素清除浮动在IE6中根本不可用
IE6不支持:before和:after伪元素，所以任何基于双伪元素的.clearfix写法（如content: "" + display: table）在IE6里完全不生效。你写的.clearfix:before规则会被IE6直接忽略，父容器照样塌陷——这不是权重或顺序问题，是语法层面不识别。
常见错误现象：开发者复制了现代clearfix代码，F12调试时发现IE6下父容器高度为0、内容溢出，却还在检查clear有没有写对。
- IE6仅支持
:hover（仅限a标签）、不支持::before/::after、不支持content属性 - 所有含
content的伪元素规则，在IE6中等同于不存在 - PostCSS或Autoprefixer不会报错，但构建后IE6运行时就是空白规则
IE6双倍边距和伪元素清除是两套互不相干的问题
双倍边距只发生在怪异模式（Quirks Mode）下，且必须同时满足：float + 横向margin（方向一致）+ 未声明。而伪元素清除浮动，解决的是父容器高度塌陷。两者触发条件、影响范围、修复路径完全不同，硬凑在一起只会让问题更难定位。
典型误操作：给一个浮动li加display: inline试图“一并解决”双倍边距和塌陷，结果IE6下边距确实不翻倍了，但父ul依然塌陷——因为display: inline没清除浮动，只是碰巧绕过了渲染bug。
- 双倍边距修复重点在触发条件控制（
DOCTYPE、display值、margin归属） - 清除浮动重点在让父容器“感知”浮动子项（
zoom: 1、overflow: hidden、clear元素） - 试图用同一个CSS规则同时解决两个问题，大概率两边都失败
IE6真正可用的清除浮动方案只有*zoom: 1
IE6/7通过触发hasLayout机制让父容器重新计算尺寸，*zoom: 1是唯一被广泛验证、无副作用、且不影响其他浏览器的写法。星号*是IE6/7专属hack前缀，其他浏览器直接忽略，不会干扰Flex/Grid布局或伪元素渲染。
注意：*zoom: 1本身不“清除”浮动，它只是让父容器具备hasLayout，从而能正确包裹浮动子项。它必须配合结构使用，不能替代clear逻辑。
- 必须写在父容器上，不是浮动子项上
- 不能单独使用，需搭配
display: block或默认块级行为（div、p等） - 若父容器已是
inline元素（如span），需先加display: inline-block再加*zoom: 1 - 避免和
overflow: hidden混用——IE6下可能意外裁剪绝对定位弹层
双倍边距修复优先删display: inline，而不是加伪元素
现在几乎所有项目都强制标准模式（在第一行），这意味着IE6双倍边距bug根本不会触发。此时保留<code>display: inline不仅多余，还会导致vertical-align失效、width/height被忽略、与CSS-in-JS工具冲突等问题。
真实项目中最容易被忽略的点：那个display: inline可能藏在十年没动过的reset.css里，或者被某个老旧UI库自动注入。它不报错、不警告，只在某次重构后让卡片高度突然变矮——因为你删掉了zoom: 1，却忘了它原本靠display: inline“撑着”。
- 先确认文档模式：按F12 → “文档模式”是否为“IE6 标准”，不是就查BOM头、XML声明、CDN重写
- 批量搜索
float.*display.*inline正则，删掉所有匹配项 - 删不掉就用
display: block !important覆盖（IE6支持!important） - 真要兼容IE6/7，用
zoom: 1; *display: inline;组合，比单写display: inline安全
display: inline正在悄悄撑开侧边栏——它可能不在你刚改的文件里，而在你从未打开过的legacy-ie-fixes.css第387行。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
