只要页面有正确的,IE8+默认使用标准盒模型;IE6/7因怪异模式将width解释为内容宽+内边距+边框,而标准模式仅指内容宽,且DOCTYPE必须位于文件最开头、无任何前置字符,document.compatMode返回"CSS1Compat"才表示标准模式。

现代开发中,IE 兼容性问题在盒模型上已无需主动“避开”——只要页面有正确的 ,所有主流浏览器(包括 IE8+)都默认使用标准盒模型(<code>box-sizing: content-box),IE6/7 则根本不该出现在新项目里。
为什么加了 DOCTYPE 就能解决盒模型混乱?
IE6/7 在怪异模式(quirks mode)下把 width 解释为“内容宽 + 内边距 + 边框”,而标准模式下只指内容宽。没有 或写错(比如漏空格、大小写混用、前面有注释),IE 会退化到怪异模式。
- 必须放在 HTML 文件最开头,前面不能有任何字符(包括空格、
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











