首先打开前端开发工具，新建一个HTML代码页面，如下图所示。在html代码页面上创建一个父和一个子，同时给这两个div添加一个class分别为scroll-box、scroll。给子添加内容，为了让滚动条可以实现，尽量多添加一些内容。
成都创新互联公司主营温宿网站建设的网络公司,主营网站建设方案,成都App定制开发,温宿h5小程序开发搭建,温宿网站营销推广欢迎温宿等地区企业咨询
你的代码有误。一个是颜色值错误，#66666 错了，写3个6或者6个6才对。scrollbar-3d-light-color的这个，3d后是没有“-”的。你的浏览器使用的是你机器系统中的主题颜色设置。
overflow：visible是硬性的不要滚动条，不同的浏览器对于一些情况会出现你所未料的BUG。所以，你应该从逻辑上避免出现滚动，也就是宽度不超过1000px为宜。而不是逻辑上出现了滚动，而去通过办法不显示滚动。
不生效的原因 选择器写错 语法错误 选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。
但是高度的据计算方式完全不一样。事实上浏览器根本就不计算内容的高度，除非内容超出了视窗范围(导致滚动条出现)。或者你给整个页面设置一个绝对高度，否则，浏览器就会简单的让内容往下堆砌，页面的高度就无需考虑。
尊敬的用户，您好！很高兴为您答疑。因为滚动条本身是内建于浏览器内部的组件，本身没有提供改变样式的api，因此要想进行样式修改，只能考虑采用模拟而无法通过直接定义样式的方式实现修改。
检查css样式表是否保存 检查css样式表路径是否正确 如果是本地电脑调试，检查一下CSS路径中是否有中文或者特殊符号。如果以上文件和路径都确认没问题，需要检查css代码，比如css中的背景图片路径是否设置正确。
DW里的效果只是个参考，不能算是最终的结果的。
检查CSS样式表的编码。很可能是CSS样式表的编码用了GBK，而页面文件用了utf-8。
只能让大家猜了。dw视图区和最终浏览器显示不是完全一致的，至少有些出入，一般我只要dw的代码编辑区。
你好，你的代码是有效的，是不是在游览器中看不到边框？你可以再div内写上文字或者加上bordr属性，就能看到具体的位置。
1、有可能是网页本身的问题，如引用地址不对使得CSS代码失效，还有一种可能网络和浏览器的问题，当网络卡的时候或者浏览器设置不正常的时候，也会导致CSS无法正常加载。
2、典型的css兼容问题，即该组css样式中使用了火狐浏览器不兼容的属性，导致样式无法生效；火狐浏览器的误设置，将css样式关闭。开启方式：菜单-查看-页面样式，选择为“基本页面样式”即可。
3、如果是DW里有效果而在浏览器里没效果的话，那应该是你的CSS还是有问题，可能是不兼容你这个浏览器，或者是写的本身有问题，但是DW也把它正常显示了，而浏览器就没办法正常显示，也有可能是别的什么原因。
