絕對定位的元素，即使在相對容器中移動

我谷歌搜索和谷歌搜索stackoverflow和我發現答案，這是合乎邏輯的，我明白它，但它不適合我！當我調整瀏覽器的大小時，絕對定位的div會移動。我把它們放入一個相對的容器中，然後它們移動。顯然我做錯了，但我需要幫助找到它是什麼。絕對定位的元素，即使在相對容器中移動

<div id="wrapper"> 
    <div id="logo"> 
     <img src="zgodalogotyp.png" width="240px"> 
    </div> 
    <div id="line"></div> 
    <div id="box"></div> 
</div>

和CSS：

#wrapper { 
    height: auto; 
    margin-top: 0; 
    margin-bottom: 50px; 
    margin-left: 30px; 
    margin-right: 30px; 
    padding: 10px; 
    background-color: white; 
    position: relative; 
    background-position: center; 
    z-index: 0; 
    clear: both; 

} 
#box { 
    position: absolute; 
    margin-top: 265px; 
    right: -30px; 

    width: 400px; 
    height: 250px; 
    background-color: #624051; 
    z-index: 10; 
    clear: both; 
} 
#line { 
    margin-top: 254px; 
    height: 56px; 
    width: 455px; 
    background-color: #000000; 
    opacity: 0.2; 
    z-index: 11; 
    right: -30px; 
    position: absolute; 
}

有在我的代碼有更多的div，我有這個問題，但是我用同樣的方案。在此先感謝

來源

2013-08-30 magdazelena

他們似乎是行爲的方式，他們應該基於代碼：http://jsfiddle.net/dUjTH/在這個小提琴中發生了什麼，*不是*你打算什麼？ – robooneus

你確定你不想'position：fixed'而不是'absolute'嗎？ –

不，不。這是我已經做的鏈接：http：//world-of-krzakraft.strefa.pl/brokers/brokers1georgia.html 當您調整瀏覽器的大小時，該框隨着右側漂浮。我想阻止它。 – magdazelena