c# - 通过最大化和恢复浏览器窗口调整大小的双滚动条

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

也许这对你有用:

html, body { overflow: hidden; }