Html 我怎样才能使一个中心行用材料填充100%的页面高度？ 我想得到一个标题栏和页脚，中间有一个内容部分（它占据了可用高度的剩余部分）。我已经在这方面花了一段时间，阅读了文档，但我觉得我肯定错过了一些关于材料如何决定flex在所有上下文中的含义的东西

理想情况下，我希望

div#content

占据整个垂直高度，孩子们在顶部对齐

以下是HTML（Jade）：

还有一张截图

---

我认为flex属性在这种情况下不合适。我认为您真正想要的是将高度设置为100%（或者类似，比如90%以允许页眉和页脚）。为了使其工作，所有父项也必须设置高度，包括html和正文

html, body{ height: 100%; }
#content{ height: 100%; }

---

您不必使用自定义css类进行这种格式化。看看下面的钢笔。在主体（中间部分）中，我使用了

md按钮

而不是

div

元素，但我相信您将能够重新使用它

html, body{ height: 100%; }
#content{ height: 100%; }