中心内容div不是100％高度

Question

这是我第一次尝试使用HTML5中的<header>，<footer>元素。通常在XHTML中，我将使用div作为容器<div>内部的页脚，并且中心将一直向下扩展为clear：both。

我正在尝试一个100％宽度的模板，我没有让中心区域达到100％的高度。你们这可以看到有什么问题吗？

代码位于：http://www.designinipad.com/html5test.html

或在：

https://gist.github.com/1524774

谢谢！

Answer 1

无论你过去使用div元素做什么，都会使用页眉和页脚元素完全相同。就像div一样，这些只是容器元素，行为方式相同。

Answer 2

如果将容器，body和html的高度设置为100％，它应该可以工作：

body, html {
    height: 100%;
}

这个问题应该有用：Make div 100% height of browser window

我唯一担心的是将高度分配给＆lt; html＆gt;和＆lt;身体＆gt;似乎不符合标准。

你可以解决这个问题吗？也许指定一个最小高度为＆lt; div>使用大约700px的id容器将其推下来？

#container {
    min-height: 700px;
}