Question

在IE9中，This Page元素section#tcs-website-content显示990px宽度，CSS width: 100%，其中所有父元素的宽度均为100％，因此浏览器宽度为1024px

我对IE9没有任何经验，所以我不知道我需要看什么问题。

元素的CSS（LESS）：

html, body {
    margin: 0;
    padding: 0;
    max-height: 100%;
    min-height: 100%;
    height: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    position: relative;
    background: none;
    font-family: 'muliregular','oswaldregular',Arial;
}

#viewport {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background: none;
}

#tcs-website-content {
    position: absolute;
    z-index: 100;
    top: 120px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    #bundle .box-sizing();

    & .inner-content {
        width: 960px;
        margin: 0 auto;
    }
}

Answer 1

如果你想确保它覆盖整个宽度，我会将以下定义添加到#tcs-website-content：

right: 0;

IE9 <section>没有正确反映100％</section>

1 个答案: