quirks模式是什么？它和standards模式有什么区别

从 IE6 开始，引入了 Standards 模式，标准模式中，浏览器尝试给符合标准的文档在规范上 的正确处理达到在指定浏览器中的程度。

在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差， IE6将对CSS 提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如 果IE6 支持CSS则将令这些页面显示不正常，如何在即保证不破坏现有页面，又提供新的 渲染机制呢?

在写程序时我们也会经常遇到这样的问题，如何保证原来的接口不变，又提供更强大的功能， 尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支，即当某 个参数为真时，我们就使用新功能，而如果这个参数 不为真时，就使用旧功能，这样就能 不破坏原有的程序，又提供新功能。IE6 也是类似这样做的，它将 DTD 当成了这个“参数”， 因为以前的页面大家都不会去写DTD，所以IE6就假定 如果写了DTD，就意味着这个页面 将采用对 CSS 支持更好的布局，而如果没有，则采用兼容之前的布局方式。这就是 Quirks 模式(怪癖模式，诡异模式，怪异模式)。

区别:
总体会有布局、样式解析和脚本执行三个方面的区别。

盒模型:在 W3C 标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度， 而在Quirks 模式下，IE的宽度和高度还包含了padding和border。