对于 Firefox，以下文档在标准模式下的呈现方式与在 quirks 模式下的呈现方式不同。在怪癖模式下，div 会填满屏幕，但在标准模式下不会。我通读了MDN的怪癖列表，似乎找不到可以责备的行为。虽然知道怪癖会很酷，但我的问题实际上是如何在标准模式下复制怪癖模式行为？
<!DOCTYPE html>
<!-- remove doctype for quirks mode rendering -->
<head>
<style>
#test {
height:100%;
background:black;
}
</style>
</head>
<body>
<div id="test">
content
</div>
</body>
相关的怪癖是：
有很多怪癖可以让图像、表格、对象和小程序(等等？(上的百分比高度"工作"(就像他们在 Netscape Navigator 4 中所做的那样(，尽管 CSS 说当父元素没有固定高度时，百分比高度应该表现得像"自动"高度。请参阅错误 33443#c9。另请参阅错误 41656 及其重复项。其中一些怪癖可能会导致其他影响(请参阅错误 54119(。
我能想到的最好的复制是：
html,body { margin: 0; padding: 0; }
#test {
height:100vh;
background:black;
}
。甚至只是：
body {
background: black;
}
如果可以接受，您可以尝试其他度量，例如"vh"：
#test {
height: 100vh;
background: black;
}
vh - 相当于浏览器窗口高度的 1%。vw - 相当于浏览器窗口宽度的 1%。