我的问题类似于此帖子: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应该放置在输入选项(水平条)的上方,而不改变其高度或宽度,而该高度或宽度只能由菜单*-项确定。

在不更改结构的情况下有可能吗?

最佳答案

如果在父级上添加position: relative;,在子级上添加position: absolute,则该子级将相对于父级定位,而不会占用原始空间。

关于html - 相对于父级动态定位而不占用原始空间,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48058218/

10-12 07:37
查看更多