让div充满整个页面的高度
我有一个具有以下结构的页面：
顶栏（100％宽度） 侧边栏内容
我希望侧边栏在高度上填充屏幕的所有剩余空间。
我在我的CSS中尝试过使用 height: 100% 但不起作用。
我该怎么做？有一种方法可以使用 css 来做到这一点，还是我必须使用 Javascript？
I have a page with this structure:
topbar (100% width)
sidebar content
i want the sidebar to fill all the remaining space of the screen in height.
I've tried with height: 100% in my css but doesn't work.
How can i do this? There is a way to do it using css or i have to use Javascript?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
要实现此目的，您需要确保侧边栏的父容器的高度也为 100%。
因此，如果您有侧边栏 div，那么您就有
body容器和html容器。To achieve this you need make sure the sidebar's parent containers have heights of 100%, too.
So, if you have a sidebar div, you have the
bodycontainer, and thehtmlcontainer.你是否也将身高的高度设置为100%？如果没有，它将不会填满页面的其余部分。
Have you set the height of body height to 100% too? If not it won't fill up the rest of the page.