javascript - 相对于其直接父元素放置一个绝对定位元素

Question

通常，绝对定位的元素 (position:absolute) 相对于其最近的定位祖先放置。

现在，我想将该元素相对于其直接父元素放置。

我显然可以做的是:

带家长

检查是否已经定位

如果没有，添加 position: relative to it

继续定位元素

我很确定必须有一个更简单的解决方案，有什么想法吗？

Answer 1

看起来没有比让父定位更简单的解决方案了

#parent {
   position: relative;
}

现在还有其他解决方案(至少我找不到):

Position absolute but relative to parent

对讲机 对讲机怎么可能:https://discourse.wicg.io/t/position-an-element-relatively-to-another-element-from-anywhere-in-the-dom/968

都一样:

https://css-tricks.com/absolute-positioning-inside-relative-positioning/

https://internetingishard.com/html-and-css/advanced-positioning/