將960網格佈局設置爲100％高度

我正在使用960 CSS網格佈局進行佈局，並且遇到了一些麻煩，無論內容有多少，我的內容div都會一直延伸到底部。將960網格佈局設置爲100％高度

我有身高：100％的HTML和身體標籤。內容div通常最小高度爲100％，但960網格似乎不是這種情況。

任何想法？

來源

2011-08-21 Johan Alkstål

您是否使用FireBug或任何工具進行檢查，以檢查您設置的任何值是否被960.gs樣式表覆蓋？ – Luwe

是的。現在我已經設法使用min-height：100％將div.container_12設置爲全高。然而它的內容仍然沒有延伸到整個高度。 –

不知道這個答案是否仍然需要回答，但我今天在wordpress模板上遇到了同樣的問題並解決了問題。

你需要做的是在網格提供的container_12或container_16之前製作一個包裝。你不需要HTML或身體平衡高度：100％。你甚至不需要包裝上的最小高度。

確保您的包裝沒有設置高度或寬度，並將clearfix放在container_12或container_16上，並且它應該一直展開。

我有這個工作在我的wordpress模板上。

<div id="yourwrapper"> 
    <div class="container_12 clearfix"> 
     <div class="grid_12"> 

     <!-- YOUR CONTENT SHOULD BE COMPLETELY WRAPPED BY THE WRAPPER -->   

     </div> 
     </div> 
     </div>

來源

2011-09-25 18:16:55 Sethen

將960網格佈局設置爲100％高度

回答

相關問題