CSS容器DIV没有扩展

时间:2012-11-27 16:59:11

标签: css internet-explorer internet-explorer-9

我现在已经研究了几个小时,它似乎是一个IE浏览器,但我的问题是我有一个容器DIV,在IE9中,不会扩展并在大约400px之后切断一切。当然,Chrome和FF完美运行。

容器DIV

#main_container{
font-family: arial, verdana;
width: 920px;
top: 0;
margin-left: auto;
margin-right: auto;
background-color: #fff;
overflow-x: hidden;
}

页面容器DIV

#page_container{
font-family: arial, verdana;
font-size: 14px;
width: 900px;
color: #000;
border: 0px solid;
overflow: hidden;
}

页面块的标准标记看起来像这样

<div id="main_container">
  <div id="page_container">
    Variable page data goes here
  </div>
</div>

我缺少的CSS是否存在问题,或者我是否需要申请IE浏览器?

更新的屏幕截图

IE9 Here is IE 9

Chrome / FF Here is Chrome and FF

2 个答案:

答案 0 :(得分:0)

切断可能来自'#page_container'中的'overflow:hidden'。

你试过overflow: auto吗?

答案 1 :(得分:0)

感谢大家的建议和帮助,非常感谢。保存了几根头发!

@ crowjonah的解决方案

  

尝试给#main_container,#page_container {position:relative; float:none;身高:汽车;} - crowjonah 2分钟前

解决了这个问题。