css - CSS：绝对位置的奇怪行为（元素移动）

Question

我在我的网站上使用了几个具有相对位置的div 块。在它们里面我放了绝对位置的块。然而，我有生以来第一次注意到这种奇怪的行为。至少在 Opera 中，当我上下滚动页面或将鼠标悬停在 Magic Zoom 插件上时，那些具有绝对位置的块开始上下移动（而不是停留在一个地方）。如果我设置例如 top: 0px; 左：0px；他们呆在同一个地方。也许我改变了代码中的一些东西，因为这些东西最近才开始发生。

<div class="innerWrapper" style="width: 100%; position: relative">
    <div class="inside" style="left: auto; 
        right: auto; 
        bottom: auto; 
        top: -24px; 
        position: absolute;">
    </div>
</div>

Answer 1

将您的绝对 div 放在父 div 之后。绝对 div 应该是您的相对 div 的第一个孩子。