我的网站是一个为大学提供课程目录工具的站点,有一个中央面板包含动态更新的课程列表。在 Firefox、Opera 和 Chrome 中,中央面板的滚动行为是预期的:当课程列表超出高度时,中央面板会有滚动条。但 IE 只有在明确设置高度时才显示此滚动条。如何在不使用 JavaScript 重置中央面板高度以响应调整大小的情况下,强制 Internet Explorer 显示滚动条?
中央面板:
<div id="middlenav">
<div id="middleheader"></div>
<div id="courselist"></div>
</div>
以及它的CSS:
div#middlenav {
position: absolute;
left: 250px;
right: 350px;
top: 0px;
bottom: 0px;
}
div#courselist {
overflow: auto;
position: absolute;
top: 55px;
bottom: 0px;
width: 100%;
}
看起来中心面板没有遵循bottom: 0px;
语句,而是扩展到包含的#courselist
的完整高度。我尝试过body { height: 100% }
但也没有解决问题。