为什么'position:absolute'元素不能相对于'position:static'的父元素定位？

Question

有人可以解释一个position: absolute;只能与最近的非position: static;父母相关的原因吗？

元素相对于position: static;其父元素无法定位的原因是什么？

Answer 1

我相信这背后的原因是您可以相对于不只是该元素的直接父元素的元素定位绝对元素。因为position: static是默认值，所以让它成为元素是否应该相对于该父元素定位自身的决定因素是有意义的。

例如，我可以使用以下 html 相对于其祖父定位元素：

<div id="grandparent" style="position:relative">
    <div id="parent">
       <div id="child" style="position:absolute;top:0">
       </div>
    </div>
</div>