我在页面上有一些绝对定位的空间,然后在这个空间中有多个绝对定位的元素...效果很好...每当我需要添加另一个元素时,我不必担心页面流量.. .我只是使用 x-y 平面将其放在我想要的位置。
我遇到的问题是……现在我在绝对定位元素之一中有一些动态内容……随着它的增长,它在底部元素下方具有 z - 索引,因此它只是在其下方的元素下方扩展。
我希望它下面的元素随着上面的元素展开而向下移动。
我尝试将下面的 elemenet 的位置设置为“相对”,但这仅相对于父 div...而不是其兄弟 div...因此它跳转到页面顶部。 “静态”定位与跳到顶部具有相同的效果。看起来绝对定位的元素基本上被相对和静态定位的元素忽略了。
有没有办法让同级 div 随着其同级的成长而移动?
有什么方法可以让相对定位的元素“意识到”绝对定位的元素吗?
我喜欢绝对定位的元素,所以如果可能的话,我希望在扩展内容的同时仍然使用它们。
绝对定位的元素会忽略并被页面上的其他所有元素忽略,从而有效地将其从文档流中取出,因此严格来说,您无法执行您所要求的操作。
为了获得相同的效果,您可以在此处将两个元素包装在绝对定位的 div 中,并为它们提供彼此的相对定位。然后顶部 div 将始终保持在同一位置,底部 div 将根据需要向下移动。
<style>
#wrapper { position:absolute; }
#i_will_expand { position:relative; top:0px; left:0px; }
#i_will_move_down { position:relative; top:0px; left:0px; }
</style>
<div id="wrapper">
<div id="i_will_expand"></div>
<div id="i_will_move_down"></div>
</div>
请记住,如果下面还有其他内容,这些元素将覆盖它们,但这就是使用绝对定位的问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)