javascript - 使一个div填充整个页面的高度

Question

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

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

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

我已经尝试在我的 CSS 中使用 height: 100% 但不起作用。

我该怎么做？有办法使用 css 还是我必须使用 Javascript？

Answer 1

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

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

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