通过CSS获取所有可用的视口高度

Question

是否有办法强制div获取所有可用高度不知道上面元素的高度？

如果已知高度，则可以使用vh单位，例如，如果＃header的高度为30px，我可以将height: 100vh - 30px;应用于#view。

我在jsFiddle中做了一个小例子：

<div id="header">
    Header
</div>
<div id="view">
    View
</div>

#header {
    height: 50px;
}
#view {
    height: calc(100vh - 50px);
}

Answer 1

DEMO

尝试CSS calc

#view {
    height: calc(100vh - 50px);
}