相对于其直接父元素

Question

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

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

我显然可以做的是：

• 取父母
• 检查它是否已经定位
• 如果没有，添加位置：相对于它
• 继续定位元素

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

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/