比较这两个例子,唯一的区别是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;
}
答案 0 :(得分:0)
CSS3规范将初始包含块定义为“对于连续媒体,它具有视口的尺寸并锚定在画布原点;”
缺少定位上下文,包含块正在成为上下文。