html - CSS - 绝对位置，如何忽略父级的左侧和顶部

Question

也许这个问题很疯狂，我想知道是否有办法让一个带有 css position:absolute 的元素跳到一个父元素并尊重父元素的父元素的左上角。

 <div id='parentParent' style="position:absolute;left: 0 ;top: 0;" >
     <div id='parent' style="position:absolute;left :50% ; top:50%" >
          <canvas id='myElement' style="position:absolute" ></canvas>
     </div>
 </div>

在这种情况下，我需要在父 div 中包含 myElement，但我无法更改父级的左和顶部，因此我想避免父级的 left=50% 和 top = 50% 并让 myElement 使用 left= 0 和 top=0 但因为它是绝对的，我认为它需要 parent 的左边和顶部。我怎样才能实现它？保留此嵌套顺序。

抱歉，如果这没有意义或愚蠢，但我想知道是否有办法。

提前谢谢你。

Answer 1

将父级 -> 父级设置为相对。只要直接父级未设置为相对的，绝对应该尊重它作为起点。