可能將一個元素固定在絕對定位的div裏面？

我有一個頁面，在頁面的不同部分彈出疊加層。每個疊加層都有一個關閉按鈕，我想保留在頂部。可能將一個元素固定在絕對定位的div裏面？

我遇到的問題是疊加層絕對定位（否則它們不是相對於他們的父母），當我試圖定位關閉按鈕，因爲它修復了整個頁面的「修復」，而不是覆蓋內。

父（位置：相對）疊加：（位置：絕對）仔細按鈕：（位置：???）

我沒貼的所有代碼，因爲它的長，它看起來像這可能沒有它就解決了。

謝謝！

編輯：目標是即使在滾動時也有更接近的頂部停留。對不起，我對此不是很清楚。

來源

2014-06-06 justinae

假設你有HTML「有點像這樣」。

<div class="A"> 
    <div class="B"> 
     <div class="C">X</div> 
    </div> 
</div>

您可以在最裏面的div上使用position: absolute。

.A { 
    position: relative; 
    top: 20px; 
    border: 1px solid blue; 
} 

.B { 
    position: absolute; 
    top: 20px; 
    left: 20px; 
    width: 100px; 
    height: 100px; 
    background-color: Aqua; 
} 

.C { 
    position: absolute; 
    top: 0; 
    right: 0; 
}

看看它是運行在這裏：http://jsfiddle.net/9Lb5U/

來源

2014-06-06 21:14:38 Fenton

謝謝史蒂夫。我想我應該澄清一點，即使在滾動時，我也希望它保持在頂端，又稱粘性。我一直在研究，看起來很簡單的答案是，它只能用於JS或者一些嚴重的黑客行爲，而這些黑客行爲可能不是跨瀏覽器兼容的。 – justinae

Nah - 你可以使用'position：fixed'來代替 - simples :) - 這裏是一個例子：http://jsfiddle.net/PbG4L/1/ – Fenton

我們結束了關閉按鈕下方的內容並使用了溢出：滾動和工作正常。 – justinae

可能將一個元素固定在絕對定位的div裏面？

回答

相關問題