首先打开前端开发工具，新建一个HTML代码页面，如下图所示。在html代码页面上创建一个父div和一个子div，同时给这两个div添加一个class分别为scroll-box、scroll。
创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站建设、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的五华网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
不良嵌套 嵌套就是元素里又包括元素，我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签，但又先关闭div标签。这可能不会改变版块布局，但却会使你的版块设计失效。
不生效的原因 选择器写错 语法错误 选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。
这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的 css样式 的话也可能是其他的样式与你想起作用的样式发生了冲突。
典型的css兼容问题，即该组css样式中使用了火狐浏览器不兼容的属性，导致样式无法生效；火狐浏览器的误设置，将css样式关闭。开启方式：菜单-查看-页面样式，选择为“基本页面样式”即可。
你好，不同的浏览器有不同的要求，有些浏览器的css的效果用dw的时候就不会显示，所以你查看样式效果的时候不要用dw，我用的QQ浏览器就没有这个问题。
这个一般是不太可能的，因为对于css火狐浏览器是基本全部兼容的。最新版的火狐浏览器是完全遵循w3c标准的，所以检查一下火狐浏览器的版本是不是太低，如果太低请升级到最新版本。
有可能是网页本身的问题，如引用地址不对使得CSS代码失效，还有一种可能网络和浏览器的问题，当网络卡的时候或者浏览器设置不正常的时候，也会导致CSS无法正常加载。
如果你定义的CSS，只支持某种浏览器（比如IE），那么如果你用firefox浏览的话，就可能不出现效果。另外，在DW中设计很多时候跟在浏览器中看到的效果是不一致的，完全不一致的。
可能原因如下：HTML页面编码与CSS编码不同（如HTML为gbk，CSS为utf-8）。CSS文件中未指定@charset头声明，导致IE默认使用页面编码来解码CSS文件（DEMO中IE浏览器使用gbk来解码一个utf-8的CSS文件）。
去掉你的style 标签 table，tr，td { border：1px solid blue； } 要注意你有没有引入了这个css 。
如果是DW里有效果而在浏览器里没效果的话，那应该是你的CSS还是有问题，可能是不兼容你这个浏览器，或者是写的本身有问题，但是DW也把它正常显示了，而浏览器就没办法正常显示，也有可能是别的什么原因。
那么浏览器出于安全考虑是不允许你的网页直接调用本地文件的。如果你的网页是在浏览器的地址栏用http...方式打开的，那么你的css文件就要放到你的web服务器（也包括你用IIS在本地架设的服务器）中相应的目录下才行。
你好，不同的浏览器有不同的要求，有些浏览器的css的效果用dw的时候就不会显示，所以你查看样式效果的时候不要用dw，我用的QQ浏览器就没有这个问题。
按照这个路径，css1和html文件必须处于统一文件夹的根目录。
1、div 标签未关闭 这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。
2、html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。将style中的全部css样式选中，然后复制或者剪切。
3、这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的 css样式 的话也可能是其他的样式与你想起作用的样式发生了冲突。
