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

时间:2014-03-01 05:35:42

标签: css

比较这两个例子,唯一的区别是html元素是否被赋予position: relative

据我了解CSS规范,如果没有非position: static父项,则html元素应该成为该父项。在这种情况下,似乎某种方式视口(或包含iframe?)正在成为父。发生了什么事?

这是jsfiddle后代的完整例子:

body {
    height: 2000px;
}

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

1 个答案:

答案 0 :(得分:0)

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

缺少定位上下文,包含块正在成为上下文。

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