使div填充整个页面的高度

时间:2011-10-06 13:42:57

标签: javascript html css height

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

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

我希望侧边栏能够填满屏幕上所有剩余的空间。

我试过身高:100%在我的CSS中但不起作用。

我该怎么做?有一种方法可以使用css或我必须使用Javascript?

2 个答案:

答案 0 :(得分:5)

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

因此,如果您有侧栏div,则拥有body容器和html容器。

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

答案 1 :(得分:1)

您是否也将身高的高度设定为100%?如果不是,它将不会填满页面的其余部分。