修復問題佈局/如何獲取元素高度？

Question

這個問題是關係到我之前的問題： position relative elements after absolute elements

我更新的jsfiddle只要給我反映當前HTML（對於我已經現在沒有URL）更精確。看到這裏：http://jsfiddle.net/dkxUX/22/

我意識到這種佈局對我來說是有問題的。

在對o.v.的回答的評論中，他指出我可以創建額外的包裝器，例如，像#header div這樣的 。這確實不是一個壞主意，因爲這樣我仍然可以將我的元素置於其中，但是 - 只要它的位置不是靜態的。

這裏來我的問題：

我很好奇，如果絕對定位元素的高度將影響到其母公司的高度。 事實上，它似乎並不：http://jsfiddle.net/qFh6s/1/

Beeing沮喪我用jQuery試了一下： http://jsfiddle.net/WD6LF/1/

結果：Beeing更加沮喪，運行的想法。

我只是不能給元素固定的高度，因爲他們的內容會有所不同。

實際上，我已經對我的html感到惱火了，例如粘滯頁腳的附加包裝使得它對我來說看起來語義更少。此外，我開始明白，將所有東西都放入div並給它絕對位置不是解決所有CSS障礙的答案。 所以我接受任何有用的建議，同時讓自己準備好從頭開始，重新開始。