設置身體的高度大於絕對div的高度

我有一個絕對div作爲我的頁面設計的主要內容區域。我有另一個佔據頂部的div，高度爲450px。我無法知道頁面加載前絕對div的高度，所以只能在頁面加載發生後才能找到它。設置身體的高度大於絕對div的高度

現在的問題是，我的身體也佔用了450px（高度），所以如果我想在絕對div結束後顯示某些東西，我無法這樣做。

摘要：

Absolute Div : 600px (for example, don't know the actual height) Has position:absolute. 
Top Div : 450px (No position:absolute) 
Body Becomes 450 px as expected

我如何絕對格低於股利。目前我唯一能想到的就是jQuery。

這是我爲解釋問題所做的一個jsfiddle。儘管全身藍色顯示，如果你火起來的開發者工具和檢查，你會看到html和身體都佔據

Body Height is less

更新：Linky我想展示的主要內容面積在幾個元素之上。你看到的那些圈子是分開的元素。他們需要保持這種方式。

來源

2013-01-24 Abijeet Patro

絕對定位從流中移除絕對div並且身體不會知道它在那裏。如果沒有絕對定位，我相信你可以做你想做的事情。你爲什麼決定它需要絕對定位？ –

https://dl.dropbox.com/u/14863356/Blah/index.html我試圖展示幾個元素上方的主要內容區域。你看到的那些圈子是分開的元素。他們需要保持這種方式。 –

對於我來說，瞭解它在當前的狀態中有點複雜。你認爲你可以製作包括圈子的簡化版嗎？ –

我認爲你需要了解更多關於職位的信息！無論如何，如果您將位置更改爲相對，您所指的當前問題將得到解決！

<div id="First Div" style="height:100px;width:50px;position:relative;background-color:green;"> 
</div> 
<div id="BelowDiv" style="height:100px;width:50px;position:relative;background-color:pink;"> 
</div>

但如果你真的需要把它放在靜態或另一個詞「絕對」，那麼你需要放置一個div容器，並設置位置，絕對的，然後將其他兩個甚至更多或內集裝箱分部。

<div id="container" style="position:absolute; top:y; left:x"> 
    <div id="FirstDiv" style="position:relative;></div> 
    <div id="SecondDiv" style="position:relative;></div> 
</div>

您可以使用jquery將標籤追加到您的容器。 here is the sample link to do it!

如果它不幫你嘗試height:auto和overflow:visible你的容器！

來源

2013-01-26 19:45:52 iTachi

設置身體的高度大於絕對div的高度

回答

相關問題