CSS 100%高度用于文档而非视点

我无法将div扩展到文档高度的100%（而不是视点高度）。我有一个引起问题的具体例子

这里可以找到一个示例，（抱歉，JSFIDLE的视图窗口不允许我正确地演示该问题）：

您会注意到，如果将视点高度降低到内容高度以下（当滚动条出现时），左侧栏和内容div将不再扩展到完整文档高度-它们仅显示视点高度

---

我不熟悉使用%的响应式设计，所以请原谅我。最近我问了一个类似的问题，但建议的解决方案对我的问题进展不起作用，我觉得新的思路比转移话题更重要。谢谢。

问题是您没有固定的高度，因此“高度”属性不知道100%的确切高度。因此，取而代之的是使用视口高度

您可以使用以下CSS修复您的问题

#pagewrap {
  display: table;
  height: 100%;
}

#menu-container {
  height: 100%;
}

使用显示：表格；会导致你的身高：100%；与视口一样高，如果视口太小，则与内容一样高

---

希望这有帮助。

您使用的是哪种浏览器？在Mac下，它在Chrome上看起来很好。当我查看源代码时，我看不到所谓的

DOCTYPE

，这可能是Internet Explorer和其他浏览器运行不符合预期的原因。它已经在windows 7下的chrome和firefox中进行了测试，但我也可以确认在win7上的IE 9和safari中也存在同样的问题。感谢下面的JrnDel找到了我的解决方案。非常感谢！我已经被添加了好几天了。我想展示台是我一直错过的，这就成功了：）再次感谢你@kirgy如果问题解决了，别忘了接受答案。