position:absolute
元素相对最近的 position 为 absolute / relative / fixed
的祖先元素(包含块)定位,如果没有这样的祖先元素,则以初始包含块进行定位,而初始包含块并不是以<html>
或<body>
进行定位的。
我们可以做一下测试:
position:absolute bodydiv
此时的效果如下:
body添加position:relative;
bottom:0;
效果如下: html添加position:relative;
bottom:0;
效果如下: body和html都不进行定位,div设置bottom:0;
此时效果如下:所以,当绝对定位元素的祖先元素都没有进行relative/absolute/fixed
定位时,是相对于初始包含块来定位的,而初始包含块并不是以<html>
或<body>
进行定位的。