让一个div填充整个页面的高度

Question

我有一个页面，这个结构：

顶栏（宽度为100％） 侧边栏内容

我想补充工具栏来填充屏幕的所有剩余空间身高。

我已经试过身高：100％在我的CSS但不起作用。

我该怎么做？有一种方法来使用CSS或我必须使用JavaScript？

Answer 1

为了达到这个目的，你需要确保边栏的父容器的高度也是100％。

所以，如果你有一个侧边栏div，你有容器body和容器html。

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

Answer 2

您是否将身高设置为100％？如果没有，它不会填满页面的其余部分。