Question

在发布之前，我通过几个与此类似的问题进行了阅读，但没有找到适用于我的解决方案。

我的网站中有一个页面不适合我用于其他每个页面的模板，因为为该页面生成的信息表非常广泛。为了使表格显示，我使用了overflow-x:visible。结果正是我想要的除IE以外的每个浏览器。以下是我的div标签的设置方法：

<body>

     <div id="header"></div>

     <div id="container">

          <div id="left_nav"></div>
          <div id="content" style="overflow-x:visible"></div>

     </div>

</body>

...重要的CSS看起来像这样：

#content {
    background-color: #CCCCCC;
    bottom:0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size:medium;
    font-weight:normal;
    left:270px;
    min-width:505px;/* should be 490px*/
    overflow:auto;
    overflow-x:hidden;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:5px;
    padding-top:10px;
    position:absolute;
    right:0px;
    top:125px;
}
#header {
    background-color: #5DB259;
    font-family: Arial,Helvetica,sans-serif;
    font-size: xx-large;
    font-weight: normal;
    height: 125px;
    left: 0px;
    min-width:800px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0px;
}
#leftnav {
    background-color: #999999;
    bottom: 0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: large;
    font-weight: bold;
    left: 0px;
    overflow: auto;
    padding: 20px;
    position: absolute;
    top: 125px;
    width: 230px;   
}

问题是，当浏览器窗口宽度减小时，IE不会给我两个x轴滚动条。结果是我的标题div宽度保持在指定的最小宽度800px，而我的内容溢出仍然可见，从而在我的页面的右上角产生一个大的空白矩形。 我在这里缺少什么？

Answer 1

尝试使用overflow: auto;作为内容。

Answer 2

经过一天的搞乱，我发现IE8兼容模式让页面做了我想要的，但遗憾的是兼容模式也搞砸了我的JavaScript。我最终走低端路线，用一些PHP破解了我的动态网页模板，让它做我想做的事。 @＃$％IE！

IE中的Div宽度问题

2 个答案: