2012-05-31 44 views
1

如何讓Html元素適合垂直空間?
這是我想要實現的:DEMO但是沒有指定元素高度
使Html元素垂直適合

PS:我知道如何用JavaScript做到這一點,尋找一個HTML/CSS解決方案。

感謝

答案後編輯:

我想保持這種效果的工作(已經工作),但沒有JavaScript,因爲已經消耗了大量的處理器。
效果:標題欄和窗口內容適用於我的
demo website中的每個窗口的總窗口空間。

感謝

+0

這個之前的帖子可能會幫助你。 http://stackoverflow.com/questions/2351674/how-to-make-a-div-expand-to-fit-available-vertical-space – wsams

+0

我刪除了我的答案,我以爲你問了一個不同的問題。如果我得到任何有用的東西,我會再次回答。 – Hidde

回答

0

您正在使用BA-調整 jQuery插件,你可以讓你的代碼通過增加插件的延遲選項更輕,(默認爲250)

-1

我asume通過適合你指的是垂直空間伸展瀏覽器的底部,如果這樣你就需要在css來寫,

html { 
    height:100% 
} 
+0

有人提到過HTML標籤? – skafandri

+0

我很抱歉,我沒有得到你想要做的事情,爲什麼你需要做它沒有指定的高度。 –

+0

因爲div的內容是動態的(如果頂級div有更多的內容會更高,否則其他div會更高) – skafandri

1

我發現這個工作。但是,您應該更改頂部和底部的百分比以適合您的網站。 http://jsfiddle.net/98YRH/11/

+0

在您的演示中,CENTER DIV溢出容器.. – skafandri

+0

是的,我知道。您建議您校準元素頂部和底部的百分比以適合您的網站。然而,至少,它沒有設置元素的高度... –

+0

這基本上是我的問題,我不知道哪一個更高,頂部或中心的div .. – skafandri