CSS:绝对位置的奇怪行为(元素移动)

Question

我在我的网站上使用了几个具有位置相关性的 div block 。在它们里面，我放置了绝对位置的 block 。然而，我生命中第一次注意到这种奇怪的行为。至少在 Opera 中，当我上下滚动页面或将鼠标悬停在 Magic Zoom 插件上时，那些具有绝对位置的 block 开始上下移动(不停留在一个地方)。例如，如果我设置 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 的第一个 child 。