Css HTML元素没有成为自动定位上下文

Css HTML元素没有成为自动定位上下文,css,Css,比较这两个示例,唯一的区别在于html元素是否给定position:relative 根据我对CSS规范的理解,如果没有非位置:static父元素,html元素应该成为该父元素。但在本例中,视口(或包含iframe的视图?)似乎正在成为父对象。发生什么事了 以下是JSFIDLE面向后代的完整示例: body { height: 2000px; } div { height: 50px; width: 50px; background-color: #DD

比较这两个示例,唯一的区别在于
html
元素是否给定
position:relative

根据我对CSS规范的理解,如果没有非
位置:static
父元素,html元素应该成为该父元素。但在本例中,视口(或包含iframe的视图?)似乎正在成为父对象。发生什么事了

以下是JSFIDLE面向后代的完整示例:

body {
    height: 2000px;
}

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

CSS3规范将初始包含块定义为“对于连续介质,它具有视口的尺寸,并锚定在画布原点;”

由于缺少定位上下文,包含块的内容正在成为上下文


这是最明确的CSS2规范-它在URL中这样说。CSS3规范位于其他地方。而且,CSS没有在任何地方定义术语“定位上下文”,只是“包含块”。