如何使div占据屏幕剩余高度

Question

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

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

页眉和页脚没有固定的高度值，我想让容器适合剩余的屏幕高度。

我用的时候：

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

我必须滚动显示页脚。

所以我希望页眉和页脚height:auto和容器占据剩余的高度。

Answer 1

嗯，你可以做一些数学运算，取窗口高度并分页脚和标题高度，这将是容器高度。 byeee。