相对于绝对定位元素的定位-是否可以？

Question

我在页面上有一些绝对定位的空间，然后在这个空间中有多个绝对定位的元素……效果很好……每当我需要添加另一个要素时，我就不必担心页面流动。 .i只是使用xy平面将其放在我想要的位置。

问题我想知道的是，现在我在一个绝对定位的元素中有了一些动态内容...随着它的增长，它的z-索引在底部元素下方，因此它会在其下方的元素下方扩展。

我希望其下方的元素随着其上方的元素向下扩展而向下移动。

我尝试将下面的elemenet的位置设置为“相对”，但这仅相对于父div ...而不是其同级div ...因此跳到页面顶部。 “静态”定位具有与跳转到顶部相同的效果。 似乎绝对定位的元素实际上被相对定位和静态定位的元素忽略了。

有什么办法可以使同胞div随着同胞的增长而移动？

有什么方法可以使相对定位的元素“意识到”绝对定位的元素？

我喜欢绝对正子素元素，因此我想在不断扩展内容的同时尽可能使用它们。

Answer 1

绝对定位的元素将忽略并且被页面上的所有其他元素忽略，从而有效地将其从文档流中删除，因此严格来说，您无法执行所要求的操作。

您可以在此处获得相同效果的方法是，将两个元素都包裹在一个绝对定位的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>

请记住，如果下面还有其他内容，这些元素将掩盖它们，但这是使用绝对定位的问题。