Html 如何使div取sreen剩余高度

我想扩展div标签以适应移动屏幕的高度

<div id="header"></div>
<div id="container"></div>
<div id="footer"></div>

我必须滚动显示页脚

---

因此，我希望页眉和页脚

高度：auto

和容器取剩余高度。

好吧，你可以做一些数学，取窗口高度，再细分页脚和页眉高度，这就是容器高度。再见。

欢迎来到SO！这个问题听起来很像以前出现过的问题。看看右边“related”下面的相关问题，例如，您希望中间的容器可以滚动吗？或者它也应该是固定高度的？（虽然如果你有太多的内容，然后会发生什么）页面包含一个小的信息，所以页脚出现在页面的中间，剩下的页面是空的，看起来不太好，所以我想让页脚出现在页面的末尾和页眉的顶部，当我使用“容器”{高度：100%；}时，容器会占用剩余的高度。caontainer的高度比屏幕的高度要高，所以我必须滚动才能看到我想要修复的页脚problem@Edward您提到希望页脚始终位于页面末尾，即使容器中没有任何内容，对吗？也许粘性页脚可以帮助你。页眉和页脚是否设置了高度？

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