注意ie6的盒模型_html/css_WEB-ITnose

浏览器版本多了，也是一个累，特别是ie家族的。

网上搜罗了一大堆，发现说的和我看到的不一样啊，结果才发现原来是对方表述有问题，省略了几个字就产生了歧义了。

按照网上说的ie6对盒模型解释不符合W3C标准，其实应该是ie6在怪异模式（quirks mode）下对盒模型解释不符合W3C默认标准，而ie6在标准模式模式下对盒模型解释符合W3C默认标准。

这个就涉及到怎么触发ie的工作模式了，主要还是通过 doctype 定义的。下面截了个图可以看得很明白：

（Q：Quirks Mode，怪异模式；S：Standards Mode，标准模式；A：Almost Standards Mode，几乎标准模式）

感兴趣的朋友可以去这个网站看看（英文）：https://hsivonen.fi/doctype/

这儿友情提示下：bootstrap V3 对一些元素（特别是涉及到布局的元素）设置了 box-sizing:border-box，即按照ie怪异模式解析盒模型，因为这种解析对布局很友好！可惜 box-sizing 不支持ie6，只有ie8+支持，所以如果要兼容ie6，要小心了。因为ie6在标准模式下对盒模型的解析符合W3C的标准，而bootstrap V3反而需要ie的怪异模式中对盒模型的解析！