【发布时间】：2011-10-06 21:46:41
【问题描述】：
我有一个具有这种结构的页面：
顶栏（100% 宽度） 侧边栏内容
我希望侧边栏在高度上填充屏幕的所有剩余空间。
我在我的 CSS 中尝试过 height: 100% 但不起作用。
我该怎么做？有一种方法可以使用 css 还是我必须使用 Javascript？
【问题讨论】：
-
请问您可以发布代码吗？
标签： javascript html css height
【发布时间】：2011-10-06 21:46:41
【问题描述】：
要实现这一点，您需要确保侧边栏的父容器也有 100% 的高度。
所以，如果你有一个侧边栏 div，你就有 body 容器和 html 容器。
html, body, #sidebar { height: 100%; }
【讨论】：
-
完美，它可以工作，但有一个问题：顶部栏是固定的，所以主体作为 40px 填充：将 100% 添加到主体、html、contenitor 的高度使页面具有滚动条，那里有办法避免吗？
你也将身高的高度设置为 100% 吗？如果不是，它不会填满页面的其余部分。
【讨论】：