相对于父级动态定位而不占用原始空间

Question

我的问题类似于这篇文章：How do I position an element relative to another without taking up space。

虽然我想要的并不完全是那里提出的。但到目前为止，这是我能找到的最接近的例子。

根据我的理解，在此示例中，只有在检测到图标元素的单击时才会更新相关元素的位置。

但是使用 position：fixed 这意味着滚动不会改变位置。

我想要的是将相对定位的元素与其父元素一起动态移动，同时不占用其原始空间。 （背景：我希望一些submenu-item-div出现在它的父元素之上。）所以结构类似于：

<div class="entry-options">
    <div class="menu1"></div> 
    <div class="menu2">
        <div class="submenu2"></div>
    </div>
</div>

子菜单2应位于条目选项（水平条）上方，而不更改其高度或宽度，这应仅由菜单* - 项目确定。

这是否可以在不改变结构的情况下实现？

Answer 1

如果您将position: relative;添加到父级并将position: absolute添加到子级，则子级将相对于父级定位，而不会占用原始空间。