Question

我有以下情况：

我有标题，内容和页脚。

现在页眉和页脚有一个固定的高度，并且总是在屏幕上。

页脚和标题的CSS：

#footer {
    background-color:#e6e6e6;
    width:100%;
    height:46px;
    bottom:0;
    left:0;
    position:fixed;
    border-top:1px solid #7F8C8D;
    z-index:101;
}


#header {
    border-bottom:1px solid black;
    height:45px;
    background-color:#828282;
    color:#FFF;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:105;
    width:100%;

    box-sizing:border-box;
}

至于内容我有以下内容：

#content {
    background: #9cbbe3 url(../img/backgr.gif) repeat-x;
    right:0;
    left:0;
    background-size:auto;
    position: absolute; top: 0px; bottom: 0px;
    overflow: auto;     
}

现在这个有效！起初......

然后我去最大化并最小化窗口，我最终得到两个滚动条。当我刷新页面时问题得到解决。据我所知，重新调整尺寸。但是当最大化和恢复窗口时，我最终会有两个滚动条。

如何使用CSS优先解决这个问题？

Answer 1

尝试更改overflow

overflow: auto;

为：

overflow: hidden;

Answer 2

也许这适合你：

html, body { overflow: hidden; }

调整大小时使用双滚动条最大化并恢复浏览器窗口

2 个答案: