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的第一个孩子。