中心內容div不在100％高度

Question

這是我第一次嘗試使用HTML5中的<header>,<footer>元素。通常在XHTML中，我將使用容器內的頁腳div，並且中心將一路展開，並且都是明確的：都是。

我想在這裏100％寬度的模板，我沒有得到100％高度的中心區域。你們可以看到有什麼不對嗎？

代碼爲：http://www.designinipad.com/html5test.html

或：

https://gist.github.com/1524774

謝謝！

Answer 1

無論您在過去使用div元素做了什麼，都可以使用頁眉和頁腳元素進行相同的工作。像div一樣，這些只是容器元素，並且行爲方式相同。

Answer 2

如果設置容器，身體和HTML的高度爲100％，它應該工作：

body, html { 
    height: 100%; 
} 

這個問題應該是有幫助的：Make div 100% height of browser window

我唯一擔心的是，分配高度至< html>和< body>似乎不符合標準。

你能解決它嗎？也許分配一個最小高度的< div>與id容器大約700px推下來？

#container { 
    min-height: 700px; 
}