Html CSS-带隐藏滚动条的可滚动div

没有滚动条，我无法使导航滚动条正常工作

我在这里找到了很多例子，但它们都不起作用

我厌倦了父类溢出：隐藏；和溢出为y的子类：自动

有人知道我的CSS出了什么问题吗

以下是片段：

html，正文{
背景色：#111111；
宽度：100%；
身高：100%；
填充：0；
保证金：0；
颜色：#fff；
字体：12px Arial，Courier New，Tahoma；
}
.包装纸{
宽度：100%；
身高：100%；
显示器：flex；
}
拉乌斯海德先生{
宽度：100%；
高度：200px；
背景色：#171616；
颜色：#444；
线高：200px；
字体大小：100px；
文本对齐：居中；
}
.布局导航{
背景色：#333333；
宽度：250px；
身高：100%；
溢出：隐藏；
}
.layoutNavWrapper{
宽度：250px；
身高：100%；
溢出y：滚动；
}
.LayoutNavul{
宽度：240px；
填充：0；
利润率：0.5px；
}
.李先生{
宽度：240px；
高度：40px；
线高：40px；
保证金：5px0；
列表样式类型：无；
}
.布局图{
颜色：#e8ecf3；
背景：212020 url（数据：image/png；base64，ivborw0kgoaaaansuheugaaaaaaaaaecayaaacp8z5+aaaaekleqvqimwmmicahoycak4fqjah+kAuF/y9fhaaaaelftksuqmcc）重复；
文字装饰：无；
显示：块；
宽度：220px；
高度：40px；
左侧填充：20px；
}
a:悬停{
背景：url（数据：image/png；base64，ivborw0kggoaaaansuhueugaaaqaaaecayaaacp8z5+AAAAEklEQVQImWPIzc31ZSAK4FQJAI0YAylSFqZ7AAAAAElFTkSuQmCC）重复；
-webkit盒阴影：0px 1px 2px 2px rgba（0,0,0.08）；
-moz盒阴影：0px 1px 2px 2px rgba（0,0,0,0.08）；
盒影：0px 1px 2px 2px rgba（0,0,0,0.08）；
}
.布局内容{
显示：内联块；
宽度：钙（100%-250px）；
身高：100%；
}

>_键盘爱好

您可以尝试隐藏滚动条

::-webkit-scrollbar {
    display: none;
}

---

您只需添加一些

右键填充

，即可隐藏滚动条

html，正文{
背景色：#111111；
宽度：100%；
身高：100%；
填充：0；
保证金：0；
颜色：#fff；
字体：12px Arial，Courier New，Tahoma；
}
.包装纸{
宽度：100%；
身高：100%；
显示器：flex；
}
拉乌斯海德先生{
宽度：100%；
高度：200px；
背景色：#171616；
颜色：#444；
线高：200px；
字体大小：100px；
文本对齐：居中；
}
.布局导航{
背景色：#333333；
宽度：250px；
身高：100%；
溢出：隐藏；
}
.layoutNavWrapper{
宽度：250px；
身高：100%；
右边填充：15px；/*已添加*/
溢出y：滚动；
}
.LayoutNavul{
宽度：240px；
填充：0；
利润率：0.5px；
}
.李先生{
宽度：240px；
高度：40px；
线高：40px；
保证金：5px0；
列表样式类型：无；
}
.布局图{
颜色：#e8ecf3；
背景：212020 url（数据：image/png；base64，ivborw0kgoaaaansuheugaaaaaaaaaecayaaacp8z5+aaaaekleqvqimwmmicahoycak4fqjah+kAuF/y9fhaaaaelftksuqmcc）重复；
文字装饰：无；
显示：块；
宽度：220px；
高度：40px；
左侧填充：20px；
}
a:悬停{
背景：url（数据：image/png；base64，ivborw0kggoaaaansuhueugaaaqaaaecayaaacp8z5+AAAAEklEQVQImWPIzc31ZSAK4FQJAI0YAylSFqZ7AAAAAElFTkSuQmCC）重复；
-webkit盒阴影：0px 1px 2px 2px rgba（0,0,0.08）；
-moz盒阴影：0px 1px 2px 2px rgba（0,0,0,0.08）；
盒影：0px 1px 2px 2px rgba（0,0,0,0.08）；
}
.布局内容{
显示：内联块；
宽度：钙（100%-250px）；
身高：100%；
}

>_键盘爱好

这里是前面的答案：

为了解决你的问题，我对上述答案进行了如下修改：

.layoutNav{
背景色：#333333；
宽度：250px；
身高：100%；
溢出：隐藏；
}
.layoutNavWrapper{
宽度：250px；
身高：100%；
溢出y：滚动；
溢出x：隐藏；
右键填充：17px；/*增加/减少此值以实现跨浏览器兼容性*/
}

对于Firefox quantum：

。你的班级{
滚动条颜色：透明；
}

对于Safari，Chrome：

：：-webkit滚动条{
显示：无；
}

你想摆脱什么滚动条？我左边的导航栏有一个滚动条，我希望它不带滚动条就可以滚动。他说