Css 列出所有不符合'；在怪癖模式下无法正常工作？

有没有人有一个完整的HTML、JavaScript和CSS列表，在Quirks模式（特别是IE Quirks模式）下有缺陷

我已经在上查看了quirksmode.org列表，但它似乎并不全面。例如，我看到一些浏览器在框架方面有问题，除非您使用框架集doctype

谢谢，

---

b、 a.a.

以下是特定于浏览器的怪癖模式行为的集合：

某些HTML5功能不受支持某些版本的IE。例如，IE 9在怪癖模式下无法识别画布元素

盒子模型是不正确的（与CSS规范不同，尽管直觉上可能更自然）。这意味着宽度和高度属性指定整个元素框的尺寸，包括填充和边框，而不仅仅是元素的内容。（本文档后面有一个演示。）

未替换的内联元素（例如默认情况下的跨度元素）的尺寸受宽度和高度属性的影响（而根据CSS规范，它们应被忽略）

应用元素的百分比高度（例如HTML中的

或CSS中的

表{height:100%}

），使用可用高度作为参考，即使封闭块具有height:auto（默认值）。在标准模式下，高度由内容要求决定；但是，当封闭块的高度设置为特定值时，百分比高度起作用

主体元素的高度为100%，与由其含量决定的高度相反。（如果您希望在标准模式下为body设置100%高度，请在CSS中设置

html，body{height:100%}

。）

文本区域宽度的计算方式不同。例如，在IE 9上，cols=5使区域在标准模式下宽5个字符，但在怪癖模式下仅宽4个字符

溢出通过扩展一个盒子来处理。当元素的内容不符合为其指定的维度（显式或隐式）时，则overflow:visible（默认值）表示内容溢出，而框维度符合指定。在怪癖模式下，尺寸变化；这很容易看出，例如，如果盒子有背景颜色或边框

当图像未显示时，Alt text并不总是显示为图像的替代品。当img元素的尺寸小于文本所需尺寸时，例如当x.png不存在时，如

。Firefox省略了文本，只为损坏的图像显示一个通用图标

根元素是IE上处于怪癖模式的body元素。根据规范，它是html元素。例如，在“怪癖”模式下，为主体设置边距或宽度没有效果。另一个例子是，IE默认有一个垂直滚动条，但当没有任何东西可以滚动时，它是不活动的（dim），您可以通过设置

body{overflow:auto；}

，在怪癖模式下删除它（当不需要时），但在标准模式下，您也需要添加

html{overflow:auto；}

默认情况下，IE的某些版本上会出现一个灰色的2px页面边框。在某些情况下，可以通过设置html元素的border属性（例如，

html{border:0；}

）来更改或删除该边框

id属性值不区分大小写进行匹配，因此CSS选择器#foo会使用id=“foo”匹配元素。根据规范，匹配必须区分大小写：#foo只匹配id=“foo”的元素

当在CSS中为img元素或input type=“image”元素设置时，将忽略图像的填充。 浮动图像的默认水平边距为三个像素（而不是零）。也就是说，如果img元素具有align=“left”或align=“right”属性，或者CSS规则float:left或float:right应用于img元素，那么浏览器的行为就好像img元素具有属性hspace=“3”（或者其margin left和margin right属性的值为3px）。这适用于IE；在其他浏览器上，怪癖模式可能只会导致图像一侧的额外边距，其宽度可以是2像素而不是3像素

在某些条件下，图像的垂直对齐是到封闭框的底部，而不是到文本的基线。当图像是元素（通常是表单元格）中的唯一内容时，就会发生这种情况。这意味着，例如，表格单元格中的图像在“怪癖”模式下默认位于单元格底部（这通常是作者想要的），而在“标准”模式下，图像下方有几个像素间隔（除非设置了例如“垂直对齐：img元素的底部”）

在“怪癖”模式下，IE 9上的文本呈现不会在浏览器中使用几个新功能。例如，这可能会使某些文本在不同模式下所需的宽度不同，从而影响文本的行分割。请参阅Microsoft关于Windows Internet Explorer 9中文本呈现的说明

在CSS中使用例如边距：0自动将块居中不起作用。注意：在IE 7之前的IE中，在HTML中设置align=“center”或在CSS中为div设置text align:center会错误地将任何内部块元素作为一个整体居中，即使在标准模式下也是如此。在IE 8上，这只在怪癖模式下发生

字体属性不会从正文或其他封闭元素继承到表中。这种情况尤其发生在字体大小上，但也可能发生在字体、颜色和行高上。例如，如果设置了

正文{font-family:Arial}

，则表格单元格中的字体可能仍为浏览器默认字体

在表格单元格的字体大小设置中，百分比值被解释为相对于浏览器的基本字体大小，而不是根据CSS规范应用于封闭元素（表格行）的字体大小

字体大小关键字的解释不正确，因此“媒体”大于浏览器的基本字体

    <ul>
    <li><a ...>...</a></li>
    <li><a ...>...</a></li>
    ...
    </ul>