Html 在IE7中，如何使用绝对定位容器解决此溢出问题？

我创建了一个布局，它在IE8+中运行良好，但在IE7中不起作用。问题是，绝对定位的#容器（顶部将其推到标题下方，底部为零以填充正文）填充ie7中的整个内容长度，而不是仅填充正文

我已经设置了一个JSFIDLE来显示正在发生的事情，非常感谢您的帮助

使用javascript为ie7设置高度是我最后的选择，我不相信这是唯一的方法

谢谢

查看JSFIDLE中的代码会更容易，但以下是基本结构和CSS：

#container { background-color: #333; width: 100%; position: absolute; bottom: 0; top: 80px; }
#sidebar { background-color: #333; width: 170px; height: 100%; float: left; overflow: hidden; overflow-y: auto; }
#content { background-color: #F9F9F9; height: 100%; margin-left: 170px; overflow: hidden; overflow-y: auto; }

<div id="container">
  <div id="sidebar">
    Sidebar Content (which allows scrolling when very long)
  </div>
  <div id="content">
    Main Content (which allows scrolling when very long)
  </div>
</div>

#容器{背景色：333；宽度：100%；位置：绝对；底部：0；顶部：80px；}
#侧边栏{背景色：#333；宽度：170px；高度：100%；浮动：左侧；溢出：隐藏；溢出-y:自动；}
#内容{背景色：#F9F9F9；高度：100%；左边距：170px；溢出：隐藏；溢出-y:自动；}
侧边栏内容（当非常长时允许滚动）
主要内容（当非常长时允许滚动）

您的小提琴使用的是DTD HTML5，这可能与IE7中的怪癖模式相对应。你可能需要一些技巧，虽然IE条件CSS是一个不错的选择。我现在没有IE 7，所以我不能肯定。但如果我没记错的话，IE 7在这种情况下不能正确设置

100%

高度和

相对位置。因此，您必须使用
exclute
位置来显示
；边栏
和
；content
非常感谢@t.niese！将绝对定位添加到#侧边栏和#内容修复了它。我应该如何提交你的答案。。。新手this@kingjubba似乎他没有将其作为答案添加，因此您可以自己编写答案并接受它，因此此问题不再出现在未回答列表中：）。或者干脆删除这个问题。