有关position:absolute;为什么position:absolute;的父元素要设置position:relative;

绝对定位元素相对的元素是它最近的一个祖先,该祖先满足:position的值必须是:relative、absolute、fixed,若没有这样的祖先则相对于body进行定位。偏移值由其top、bottom、left、right值确定。本文对此进行实验并对父元素定位的设置原因进行说明
代码:有关position:absolute;为什么position:absolute;的父元素要设置position:relative;

当没有对父元素进行限定时 绿色小圆块相对于top500 left500进行定位 大方块长宽为500 定位如下有关position:absolute;为什么position:absolute;的父元素要设置position:relative;
由此可见小黑块相对于整个body进行位移
当给父元素添加了position:relative时,绿色小圆块相对于小绿top500 left500进行定位 大方块长宽为500 定位如下
有关position:absolute;为什么position:absolute;的父元素要设置position:relative;
由此可见小黑块相对于小绿进行位移
固原因结果可知