可調整大小的固定位置元素;響應，相對定位的內容

我有一個固定的div #summary它改變高度。它需要始終顯示在窗口的頂部。在它下面我有內容#catalogueContainer，我需要重新定位上面的固定div更改高度。我需要能夠使用窗口滾動條滾動。可調整大小的固定位置元素;響應，相對定位的內容

我知道保持#summary div在窗口頂部的唯一方法是給它一個固定的位置。當這樣做時，#catalogueContainer與它沒有任何關係，所以當#summary更改高度時，我無法使用CSS重新定位。我能想到的唯一方法是使用一些JavaScript來監聽摘要的重新大小並指定#catalogue的頂部位置。

聽起來這是最有效的解決方案嗎？代碼和註釋如下。
在Chrome中，當我滾動瀏覽窗口時，#summary的背景圖像被留下，但所有其他內容保持固定在瀏覽器窗口的頂部，因爲我滾動。

有關修復此問題的任何建議？

#summary { 
    position:fixed; 
    top:0px; 
    left:275px; 
}

#summary已重新可觀內的元件，並且改變高度。這需要始終顯示在窗口的頂部。

#right { 
    position:relative; 
    left:275px; 
    top:300px; 
}

#right是以下所有容器元素。

#catalogueContainer中有很多目錄，全部在同一個地方，但一次只能看到一個目錄。

#catalogueOne { 
    position:relative; 
}

#catalogueOne需求是relative因爲裏面有

來源

2013-03-15 DVCITIS

只是爲了我的澄清，你是否想要類似於[LESS網站？]（http://lesscss.org/）上導航欄的東西 – 2013-03-15 13:11:26

是的。像那樣;我的工作就像LESS導航欄一樣。問題是，在滾動之前，如果我調整摘要div（相當於導航欄），它會覆蓋下面的初始內容，並且無法滾動查看它。 – DVCITIS 2013-03-15 14:46:42

你可以放置在一個容器中（你再放置在頂部）摘要和目錄position:absolute元素。然後他們只需要100％寬度和浮動：左邊。彙總更改高度時，目錄將被上推或下移。

您也可以使用jQuery並使用根據摘要的高度放置目錄的函數。兩者都需要有一個固定的位置。

來源

2013-03-15 13:41:25

摘要現在在一個容器中;它具有固定的位置，因此左右兩邊都有100px寬度的0px值。不知道如何float：left有幫助。對不起，如果我的questuon不是很清楚，在上面的評論中添加了更多顏色， – DVCITIS 2013-03-15 14:47:44

如果它們的寬度爲100％，浮點數不會有任何區別。我的意思是我會將摘要和目錄放在同一個容器中。你有鏈接嗎？ – 2013-03-15 15:03:47

可調整大小的固定位置元素;響應，相對定位的內容

回答

相關問題