1、首先打开前端开发工具，新建一个HTML代码页面，如下图所示。在html代码页面上创建一个父和一个子，同时给这两个div添加一个class分别为scroll-box、scroll。给子添加内容，为了让滚动条可以实现，尽量多添加一些内容。
创新互联建站是专业的尚志网站建设公司，尚志接单;提供成都网站设计、网站制作、外贸营销网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行尚志网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
2、在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。将style中的全部css样式选中，然后复制或者剪切。然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。
3、可能是地址错误了，你再加入后的页面中查看网页源代码，再看看css相对路径有没有错。如果没有错的话，可能要修改你的 css样式 层了。因为有些样式是级联的，加框架了，相对的级联关系就失去了。
4、JavaScript。不良嵌套 嵌套就是元素里又包括元素，我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签，但又先关闭div标签。这可能不会改变版块布局，但却会使你的版块设计失效。
1、关联路径出错。根据查询css相关信息得知，一压缩网站css样式就显示不出来原因是关联路径出错，网页打开时，没有显示CSS设定的样式，只以原始状态显示。那么就是CSS文件路径出错。
2、因素多啊。类名冲突错误。你可以使用浏览的F12元素检查看继承关系。
3、先检查一下css的路径有没有错，也可以把样式写在head里试试。写在head里还不行的话，可能是有样式冲突。检查一下有没有调用到其他css文件。写在行内能显示是因为行内样式的优先级最高。
4、CSS中出现了一个很小的bug：在内部样式表中 body { width： 300px；margin： 0 auto；}；中}； 为错误写法，应该把；去掉。CSS语法与JS语法不要弄混淆了。
5、不生效的原因 选择器写错 语法错误 选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。
6、为什么在不同的浏览器显示效果不一样？因为不同浏览器对于css样式表的解析不一样，所以导致样式乃至层布局发生变化。
检查css样式表是否保存 检查css样式表路径是否正确 如果是本地电脑调试，检查一下CSS路径中是否有中文或者特殊符号。如果以上文件和路径都确认没问题，需要检查css代码，比如css中的背景图片路径是否设置正确。
在DW里定义的CSS样式无法在页面里显示出来，其原因是因为css样式语法书写错误。 只需一个定义即可。！--注释语句前半段出现语法错误，请完善或者直接删除。在css样式书写完后，需加上标签表示结束。
还有个可能是你的CSS文件中可能没有声明字符编码为UTF-8，这样如果你的CSS文件中出现中文字符，可能会造成CSS文件无效。
因为不同浏览器对于css样式表的解析不一样，所以导致样式乃至层布局发生变化。例如，ff中设置padding属性时，div会相应增加height和width，而ie的解析是不会的，再例如ff对盒模型的解析和ie相差两个象素。
