C# 使用最大化和还原浏览器窗口调整大小时使用双滚动条

我有以下情况：

我有一个页眉、内容和页脚

现在页眉和页脚具有固定的高度，并且始终在屏幕上

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

尝试更改您的

致：

---

也许这适合你：

html, body { overflow: hidden; }

---

您好，这解决了双滚动条问题，但是当最大化->恢复窗口时，滚动条现在似乎覆盖了页眉和页脚，而不仅仅是内容。刷新后，滚动条仅显示在我想要的内容中。这解决了双滚动条的问题，但滚动条的位置不正确。很抱歉，调整了错误的css，我得到了以下结果：当最小化->最大化时，这会导致滚动条出现在页眉和页脚上方。刷新时，这会导致滚动条完全取消显示。是的，JSFIDLE听起来确实很有用，但我想知道是否没有一个干净的CSS解决方案来解决这个问题。标记也很重要，我们看不到这一点，因此我要求提供一个fiddle:）哦，对不起，我以为你是想在我的页面中注入javascript以使其正确。我会上去的！抱歉，我认为这似乎是某种缓存问题。出于某种原因，现在一切都正常了。清除缓存的次数足够多，但这次我删除了我所有的东西，这就成功了。我的错+我想这可能是一个缓存问题。出于某种原因，现在一切都正常了。清除缓存的次数足够多，但这次我删除了我所有的东西，这就成功了。我的错。虽然我还剩下几页，在不需要的时候在整个页面上给我一个滚动条，这就解决了这个问题。所以我会标记它，因为它可能会帮助一些人摆脱第二个滚动条。

overflow: hidden;     

html, body { overflow: hidden; }