什么是 IE8 开发工具栏中的 Quirks 模式？答案

【问题标题】：What is Quirks mode in IE8 Developer toolbar?什么是 IE8 开发工具栏中的 Quirks 模式？
【发布时间】：2011-08-24 05:18:53
【问题描述】：

我想知道 IE8 开发工具栏中的 Quirks 模式是什么？为什么 Quirks 模式下的页面渲染与 IE8 标准模式下的页面渲染不同？

【问题讨论】：

【解决方案1】：

简单来说，就是让真正的旧网页以它在 IE 上的一贯方式显示。因此，如果网页的 HTML 不以指示标准合规模式的 DOCTYPE 开头，则 IE 将以 Quirks 模式显示它。在这种模式下，IE 使用自己的 Box Model 来渲染页面元素。

一个简单的例子是：IE的盒子模型在宽度里面加了padding，所以一个div占用宽度像素数，但是Standard Compliance模式把padding加到宽度上，所以一个div会占用宽度+padding个数像素数。

您可以尝试使用宽度为 300 像素、内边距为 100 像素的 div，然后在 IE 开发人员栏中单击模式以查看差异。

【讨论】：

【解决方案2】：

我认为它会很有用：http://www.quirksmode.org/css/quirksmode.html。

【讨论】：

【解决方案3】：

Quirks 模式基本上是一种遗留模式，它允许 IE 呈现在没有人遵守 html 标准的时代写回的网页。

【讨论】：