当没有父级元素可以参照定位时，设置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)的位置做参照的