HTML/CSS:滚动条显示在HTML元素下方

Mat*_*han 7 html css cross-browser

在Chrome和Safari中,垂直滚动条显示在页面上的HTML内容下方,如下所示:

滚动条显示在标题下方

我摆弄::-webkit-scrollbar,但我最接近的是将滚动条宽度更改为0px.该部分的div是:

.displayContent { min-width:620px; width:100%; height:auto; overflow:hidden; }
Run Code Online (Sandbox Code Playgroud)

这种情况发生在Safari(但不是iOS上的移动Safari)和Chrome上.Firefox很好.我也试图摆弄溢出,但无法得到我想要的结果.

建议?

aru*_*nun 2

尝试这个 -

html, body { 
    height:100%; 
    width:100%; 
    overflow:auto;
}
Run Code Online (Sandbox Code Playgroud)