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

Question

有一种方法可以在不知道上面元素的高度的情况下迫使div占据所有可用高度？

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

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

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

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

Answer 1

演示

尝试CSS calc

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