现在基本不用修——display:inline不是修复手段，而是触发漏洞的条件之一；真正要做的，是确认页面是否真的在IE6怪异模式下运行，先检查文档模式是否为IE6 Standards，若非标准模式则优先修正<!DOCTYPE html>，而非修改CSS。
这个问题现在基本不用修——display:inline不是修复手段，而是触发漏洞的条件之一；真正要做的，是确认页面是否真的在IE6怪异模式下运行。
先看文档模式是不是IE6 Standards
IE6双倍边距只在Quirks模式下出现。只要HTML开头有<!DOCTYPE html>，IE6就走标准模式，margin-left根本不会翻倍。很多项目还在用老模板，F12开发者工具里显示“IE6兼容”，其实是页面被强制降级到了怪异模式。
- 打开F12工具 → 看右上角“文档模式”是否为
IE6 Standards - 不是？先修
<!DOCTYPE html>，别动CSS - 如果必须跑Quirks模式（比如老旧CMS无法改头），那问题不在CSS，而在整个渲染环境不可控
删掉所有float + display:inline组合
display:inline在标准模式下无效，在怪异模式下反而强化bug。它会让现代浏览器里的height、width、vertical-align失效，还可能破坏Flex/Grid子项布局。PostCSS构建时通常会删掉*或_前缀规则，但display:inline会被保留，成为静默污染源。
- 全局搜索
float和display:inline共存的规则，批量删掉 - 用
stylelint配declaration-property-value-blacklist拦截这类组合 - 删不掉（如第三方UI库）？用
display:block !important覆盖——IE6认!important
用padding代替margin更稳妥
把margin-left: 10px从浮动元素上拿掉，挪到父容器设padding-left: 10px，再加overflow:hidden包裹浮动。这个方案零hack、零兼容风险，不影响其他浏览器，也不依赖IE6私有属性。
立即学习“前端免费学习笔记（深入）”；
- 避免连续多个
float:left并排——IE6只对第一个元素双倍，但后续维护者看不懂为什么只修第一个 - 如果必须用margin，优先用
zoom: 1触发hasLayout，比display:inline安全得多 - 别指望
display:inline-block——IE6基本不支持，且不能修复此bug
真正难处理的从来不是怎么加display:inline，而是你手里的CSS文件里，哪一行还在按2006年的IE6 Quirks逻辑写。它可能藏在某个@import进来的旧reset.css里，也可能在十年没动过的header.less中。
