Javascript 做一个div填充整页的高度

我有一个具有这种结构的页面：

顶栏（100%宽度） 边栏内容

我希望侧边栏在高度上填满屏幕的所有剩余空间

我尝试过身高：100%在我的css中，但不起作用

---

我该怎么做？有一种方法可以使用css实现，或者我必须使用Javascript？

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

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

要实现这一点，还需要确保侧栏的父容器的高度为100%

因此，如果您有一个侧边栏div，那么就有

body

容器和

html

容器

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

---

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

因此，如果您有一个侧边栏div，那么就有

body

容器和

html

容器

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

---

请你能发布代码吗？请你能发布代码吗？很好，它可以工作，但有一个问题：顶栏是固定的，所以主体作为40像素的填充：添加100%的主体高度，html，内容或使页面有滚动条，有一种方法可以避免它吗？很好，它可以工作，但有一个问题：顶栏是固定的，所以正文是一个40px的填充：添加100%的正文高度，html，contenitor或使页面有滚动条，有办法避免吗？