使div填充整个页面的高度

Question

我有一个这种结构的页面:

顶栏(100%宽度)侧边栏内容

我希望侧边栏能够填充屏幕高度的所有剩余空间.

我已经尝试过高度:100%在我的CSS中但是不起作用.

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

Answer 1

要实现这一点,您需要确保侧边栏的父容器的高度也是100%.

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

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