当没有父级元素可以参照定位时，设置position:absolute的元素以什么为参照进行定位？

Question

为什么浏览器未滚动时红色div显示在最下面，当浏览器滚动到最下面，红色div显示在离浏览器还有一段距离的位置？这个时候红色div是以什么为参照来定位的？

Answer 1

是以当前第一屏幕的浏览器边框做定位的

比如说你的浏览器初始窗口高度只有800px，宽度1000px,

那么设置的div就是参照这个初始窗口来定位的

div{

position:absolute;

bottom:10px;

}

相当于在790px的位置，所以当你滚动鼠标的时候，这个div并不会定在那不动

Answer 2

如果父亲有position:relative 就以上位置为定位 如果没有就是以窗口位置为定位

Answer 3

以上一级有position定位的标签为参照的，如果全局都没有PO定位应该是以HTML标签定位的吧

Answer 4

是以屏幕可视区的左上角(0,0)的位置做参照的