CSS動態垂直高度

Question

我正在爲我的網站設計新的佈局，我希望用戶能夠更改視圖。一個視圖是一個540像素高的靜態水平/垂直居中。第二個不再是垂直居中，並允許內容定義高度。

它目前正在使用第一個選項，但在第二個選項中，實用程序列（2011 Browsers Usage Stats）並未填滿整個高度。有針對這個的解決方法嗎？

我不知道你想要多少源代碼。我列出了一個鏈接到我的網站和下面的CSS代碼的差異。

My Website

第一個選項（當前工作）：

#floater { 
    margin-bottom: -27em; /* vertical center - half of container's height */ 
    height: 50%; /* vertical center */ 
} 
#wrapper { 
    height: 54em; /* vertical center */ 
} 
#content { 
    height: 33em; /* static height */ 
} 

第二個選項（不工作）：

#floater { 
    margin-bottom: 0em; /* vertical top */ 
    height: auto; /* vertical top */ 
} 
#wrapper { 
    height: auto; /* vertical 100% */ 
} 
#content { 
    height: 100%; /* dynamic height */ 
} 

Answer 1

考慮你在做什麼對你是什麼說：

#content { 
    height: 100%; /* dynamic height */ 
} 

但在第二個選項，實用列（2011年瀏覽器使用情況統計）沒有填滿整個高度

你只能選擇一個。你想要它填滿整個高度還是動態的？