css position absolute

图解

父元素在默认情况下是position: static;就是静态定位,这时候如果子元素使用position: absolute;,那么子元素就会跳出父元素的范围,进入父元素的父元素范围,如果父元素的父元素依然是position: static;,那么就会继续跳出这个范围,一直到遇到一个position: absolute;或者position: relative;的祖先元素,才会在这个祖先元素的范围内进行定位布局。
如果子元素是position: absolute;,子元素的祖先元素都是position: static;,那么子元素就会不停往上跳出祖先元素的范围,直到body,然后在body内进行定位布局。
https://zhidao.baidu.com/question/1881998502829437508.html