Css 中心内容分区不在100%高度

这是我第一次尝试使用HTML5中的

，

元素。通常在XHTML中，我会使用div，它是容器内部的页脚

，中心会一直向下展开，并使用clear:both

我正在尝试一个100%宽度的模板在这里，我没有得到100%高度的中心区域。你们能看出这有什么问题吗

代码位于：

或浏览：

---

谢谢

如果您将容器、主体和html的高度设置为100%，那么它应该可以工作：

body, html {
    height: 100%;
}

这个问题应该有帮助：

我唯一担心的是为和指定高度似乎不符合标准

你能解决这个问题吗？也许可以为id为700px左右的

容器指定一个最小高度以将其向下推

#container {
    min-height: 700px;
}

---

如果您将容器、主体和html的高度设置为100%，则它应该可以工作：

body, html {
    height: 100%;
}

这个问题应该有帮助：

我唯一担心的是为和指定高度似乎不符合标准

你能解决这个问题吗？也许可以为id为700px左右的

容器指定一个最小高度以将其向下推

#container {
    min-height: 700px;
}

---

无论您过去使用div元素做了什么，都将使用header和footer元素以相同的方式工作。与div一样，这些只是容器元素，其行为方式相同。

过去使用div元素所做的任何操作都将使用页眉和页脚元素。与div一样，这些只是容器元素，其行为方式相同。

这是一个很好的观点，它不兼容。最小高度非常好，这将帮助我在ipad上永远不会低于768px，但如果我在屏幕上呢。例如，如果我有一个重复的边缘（我知道是老派的），我怎么能把它放在页脚的底部呢？我通常使用div的一切和浮动，我从来没有使用绝对定位，所以我不知道这是什么原因或没有。谢谢。@Miguel-没有标准可以告诉您是否可以对这些元素应用高度。这不是法规遵从性问题，但您可以这样做。我更新了gist代码。我想要的是全屏式的外观，没有滚动。因此，我添加了一个溢出：无；到html，并使容器的最小高度为1200px，以考虑多个分辨率。这不会对验证添加任何标志。如果我回到“随内容增长”div，我会确保有更多的内容并删除这两个标签。谢谢大家！这是一个伟大的一点，它是不符合。最小高度非常好，这将帮助我在ipad上永远不会低于768px，但如果我在屏幕上呢。例如，如果我有一个重复的边缘（我知道是老派的），我怎么能把它放在页脚的底部呢？我通常使用div的一切和浮动，我从来没有使用绝对定位，所以我不知道这是什么原因或没有。谢谢。@Miguel-没有标准可以告诉您是否可以对这些元素应用高度。这不是法规遵从性问题，但您可以这样做。我更新了gist代码。我想要的是全屏式的外观，没有滚动。因此，我添加了一个溢出：无；到html，并使容器的最小高度为1200px，以考虑多个分辨率。这不会对验证添加任何标志。如果我回到“随内容增长”div，我会确保有更多的内容并删除这两个标签。谢谢大家！