怪异模式下的根元素

RoootElements Quirks. All Browser are in quirks mode

怪异模式下，对于IE系列的浏览器的根元素是body。但是根据CSS的规定应该是HTML

&lt!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt

 

说明

 

本测试文档是关于在不同模式下的根元素的差异

个人理解+翻译

怪异模式下，对于IE系列的浏览器的根元素是body。但是根据CSS的规定应该是HTML

例如，在怪异模式下对body设置margin值将不起作用

另外一个例子就是，IE默认情况下有一个垂直的滚动框，虽然当没有可滚动的内容的时候他是处于非激活状态的

在怪异模式下可以通过设置body { overflow: auto; }, 消除它，但是在标准模式下，需要添加html { overflow: auto; }才能达到相同效果

测试代码

CSS

body { overflow: auto; }

测试效果

看看IE浏览器的右边吧，没有滚动条了