HTML/CSS : scroll bar appears below HTML elements

Question

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

我摆弄过 ::-webkit-scrollbar，但我能得到的最接近的结果是将滚动条宽度更改为 0px。该部分的 div 是:

.displayContent { min-width:620px; width:100%; height:auto; overflow:hidden; }

这发生在 Safari(但不是 iOS 上的移动版 Safari)和 Chrome 中。火狐是好的。我也尝试摆弄溢出，但无法获得我想要的结果。

建议？

Answer 1

有一个类似的问题。

问题出在 html 中{}

如果你使用这样的东西

 html {
    height: 100%;
    width: 100%;
    overflow: hidden;
 }

然后滚动条上的叠加效果就出现了。 删除 html 样式上的溢出并将其放入主体样式中，它应该可以工作。