使div填充整个页面的高度

Question

我有一个具有以下结构的页面：

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

我希望边栏填充屏幕上所有剩余的高度。

我尝试了高度：css中100％的高度，但是不起作用。

我怎样才能做到这一点？ 有一种方法可以使用CSS来完成，或者我必须使用Javascript？

Answer 1

为此，您需要确保边栏的父容器的高度也为100％。

因此，如果您具有侧边栏div，则将具有body容器和html容器。

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

Answer 2

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