我的问题类似于此帖子: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/