html - 当我在 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;
}

HTML代码:

<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的数量。您可以找到有关此 link 的更多信息.