絕對DIV位置 - 使它堅持​​

Question

我設置一些絕對DIV位置這樣的權利：

left: 700px; 

但是當我調整瀏覽器我的div不動的，當然。在調整窗口大小時，我怎樣才能將它的位置設置爲正確地向左移動？

要顯示情況，請看this site。 查看圖像滑塊和其右側的箭頭。它的風格：

#slides .next,#slides .prev { 
    top:165px; 
    left:-20px; 
    width:24px; 
    height:43px; 
    display:block; 
    z-index:999; 

    position: absolute; 
} 

#slides .next { 
    left: 700px; 
} 

現在嘗試使用該滑塊調整窗口大小。我的箭頭將保持在相同的位置，但它應該左移滑塊背景。

沒有關係：float: right; right: 0px;等不起作用。

Answer 1

• 從#slides .next, #slides .prev刪除left: -20px;（你可以把它移到.prev）
• 從.next
• 刪除left: 700px;添加right: 0到.next。

，瞧，你的.next總會調整自身的#slides權（其中有position: relative）。

Answer 2

你可以使用「right：### px」來定位元素而不是左邊嗎？如果你需要它被定位完全基於把你的內容的右側，而不是窗口的右側，將它包裝在一個容器：

<div style="position:relative; width:900px; height:90px; margin:10px auto;"> 
    <p>Some arbitrary content.</p> 
    <div style="position:absolute; top:20px; left:20px;">Absolutely positioned left content</div> 
    <div style="position:absolute; top:20px; right:20px;">Absolutely positioned right content</div> 
</div>