0

我有以下情况：

我有页眉、内容和页脚。

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

页脚和页眉的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 解决这个问题？

4

2 回答 2

1

尝试改变你的溢出

overflow: auto;

到：

overflow: hidden;
于 2013-07-08T13:22:16.547 回答
1

也许这对你有用：

html, body { overflow: hidden; }
于 2013-07-08T13:23:48.163 回答