css-：：webkit滚动条无法在chrome中删除滚动条

我补充说

.page-content::webkit-scrollbar {
        display: none;
 }

但是，在一些chrome浏览器中，页面内容仍然显示滚动条。它似乎可以在mac上运行，但不能在windows上运行。

---

知道为什么吗？

好了，这不是一个完美的解决方案，而是一个黑客

您可以在

.page content

周围设置一个包装器，该包装器位于 在下面的示例中，然后在

上。页面内容

设置一些填充

15px

如 要隐藏它的滚动条的宽度

*{margin:0；}
#集装箱1{
身高：100%；
宽度：100%；
边框：1px纯绿色；
溢出：隐藏；
}
#集装箱2{
宽度：100%；
身高：99%；
边框：1px纯蓝色；
溢出：自动；
右侧填充：15px；
}
html，正文{
身高：99%；
边框：1px纯红；
溢出：隐藏；
}

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

你好
我是
这里

再见。

尝试在没有类选择器的情况下使用它。Overflow:hidden不允许您滚动@Dominic@Awais我已经尝试过这个..谢谢：：-webkit滚动条不：：webkit滚动条背景色：透明将不显示滚动条。