HTML元素未成为自动定位上下文

Question

比较这两个示例，唯一的区别是html元素是否给出position: relative。

• http://jsfiddle.net/3bNE5/1/
• http://jsfiddle.net/3bNE5/3/

据我了解CSS规范，如果没有非position: static父，html元素应该成为父母。但在这种情况下，它好像不知何故视口（或包含iframe？）正在成为父视图。这是怎么回事？

这是从的jsfiddle为后人整个例如：

body { 
    height: 2000px; 
} 

div { 
    height: 50px; 
    width: 50px; 
    background-color: #DDD; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
} 

Answer 1

的CSS3规范定义包含块的初始为“对于连续的媒体，它具有视口的尺寸和在所述画布原点被锚定;”

由于缺少定位上下文，包含块的块正在成为上下文。

http://www.w3.org/TR/CSS2/visudet.html