当我在IE6中最小化时，内容会中断

Question

我知道IE6已经过时了，但我的客户仍然使用IE6。
此项目的内容段必须是百分比比例，但是当内容的高度很长并且用户决定最小化浏览器时，内容段会跳到侧栏的底部。

dashboard_content内容较长时我的代码

CSS代码：

#outer-box {
    width:100%;
    height: 100%;
    position: relative;
    overflow: auto;
    float: right;
}
#inner-box-1 {
    width: 225px;
    height: 100%;
    background-color:#253740;
    float:right;
}
#inner-box-2 {
   height: 100%;
   direction: rtl;
   overflow:auto;
   *overflow: inherit;
}
.header {
    width: 100%;
    height: 100px;
    background: url('imgs/pattern.jpg') repeat-x;
}
.dashboard_main_menu_holder {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0;
}
.dashboard_content {
    width: 98%;
    margin: 10px;
}

网页代码：

<div id ="outer-box">
    <div id="inner-box-1">
        <div class="user_image"></div>
        </div>
    <div id="inner-box-2">
        <div class="header"></div>
        <div class="dashboard_main_menu_holder"></div>
        <div class="dashboard_content"></div>
    </div>
</div>

如何在IE6中解决此问题？

Answer 1

将 CSS 上的 %s 更改为 px 量。您可以在此链接上找到更多信息。