html - 相对父级动态定位，不占用原有空间

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>

submenu2 应位于条目选项(水平条)上方，不改变其高度或宽度，这应仅由菜单* - 元素确定。

不改变结构是否可行？

Answer 1

如果给父级添加position: relative;，为子级添加position: absolute，子级将相对于父级定位，不会占用原来的空间。