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

Question

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

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

我显然可以做的是:

• 带着 parent
• 检查是否已经定位
• 如果不是，添加position:relative于它
• 继续定位元素

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

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/