今天发现页面添加内容后有火狐和火狐开发者版因出现样式问题、狐滚动条无法自定义宽度。

其他浏览器没问题！只有火狐出了问题。

解决办法 用scrollbar-width属性

rollbar-width属性用于设置显示时元素滚动条的宽度或厚度。此属性可用于以下页面上：用户接口要求元素应更突出地显示，并且缩小滚动条宽度可为元素提供更多空间。

这目前是实验性质，某些主要的浏览器可能不受支持。

用法

scrollbar-width:auto | thin | none | initial | inherit

默认值为：auto;

• auto:它用于设置滚动条宽度，以由浏览器自动设置。它是默认值
• thin:用于将滚动条的宽度设置为默认滚动条的更薄的变体。
• none:它用于完全隐藏滚动条，但是内容仍可滚动。
• initial:用于将滚动条的宽度设置为其默认值。
• inherit:它用于从其父级继承滚动条的宽度

解决网站右侧滚动条问题

兼容写法：-webkit-scrollbar 配合 scrollbar-width 使用

-webkit-scrollbar 兼容谷歌浏览器

.aboutUs-active .aboutUs-active-ul{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 468px;
    height: 676px;
    overflow-y: auto;
    scrollbar-width:none;
}

.aboutUs-active .aboutUs-active-ul::-webkit-scrollbar{width: 0px;}
.aboutUs-active .aboutUs-active-ul{ -ms-overflow-style: none; }

滚动条属性参考：

1::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
2::-webkit-scrollbar-button 滚动条两端的按钮
3::-webkit-scrollbar-track 外层轨道
4::-webkit-scrollbar-track-piece 内层滚动槽
5::-webkit-scrollbar-thumb 滚动的滑块
6::-webkit-scrollbar-corner 边角
7::-webkit-resizer 定义右下角拖动块的样式