CSS：奇怪的行爲與絕對位置（元素移動）

Question

我在我的網站上使用了多個div塊與位置相對。在他們裏面，我把絕對位置的塊。但是，在我的生活中，我第一次注意到了這樣一種奇怪的行爲。至少在Opera中，那些絕對位置爲的塊開始向上和向下移動（不在一個地方），當我在頁面上下滾動或當我將鼠標懸停在Magic Zoom插件上時。如果我設置例如top：0px;和left：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的第一個孩子。