1、首先打开前端开发工具，新建一个HTML代码页面，如下图所示。在html代码页面上创建一个父div和一个子div，同时给这两个div添加一个class分别为scroll-box、scroll。
成都创新互联公司基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽，联通大带宽，移动大带宽，多线BGP大带宽租用,是为众多客户提供专业服务器托管报价，主机托管价格性价比高，为金融证券行业遂宁托管服务器，ai人工智能服务器托管提供bgp线路100M独享，G口带宽及机柜租用的专业成都idc公司。
2、不良嵌套 嵌套就是元素里又包括元素，我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签，但又先关闭div标签。这可能不会改变版块布局，但却会使你的版块设计失效。
3、去掉你的style 标签 table，tr，td { border：1px solid blue； } 要注意你有没有引入了这个css 。
4、不生效的原因 选择器写错 语法错误 选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。
5、这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的 css样式 的话也可能是其他的样式与你想起作用的样式发生了冲突。
6、是id选择器，而你的html中并不存在id为a1和a2的元素，所以css无法匹配到。
1、css无效的常见原因：div 标签未关闭、不当的DOCTYPE声明、不良嵌套等等，如果你正在纠结此问题，不妨参考下本文 div 标签未关闭 这是版面设计失效的最常见原因之一。
2、这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的 css样式 的话也可能是其他的样式与你想起作用的样式发生了冲突。
3、这是因为上面那个 .navlist a 的优先级比 .home 高（因为它是双选择器优先级累加），所以 .home 的样式不起效。
4、我觉得应该也是浏览器缓存的问题，因为在之前打开网页时，浏览器已经缓存了你的layout.css文件，尽管你已经更新了layout.css文件，但是在此刷新时浏览器会默认加载缓存，即还是未更改之前的css文件，所以出不来效果。
5、这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的css样式的话也可能是其他的样式与你想起作用的样式发生了冲突。
6、不生效的原因 选择器写错 语法错误 选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。
1、把 和 这两行删掉即可，他们属于html的内容，不是css的！！正是它们导致第一个样式失效。
2、原因可能是没有把外部CSS引进来，加入下列代码来解决：使用link的方式将类样式引入进来，将这段代码最好放在标签内部，主要是为了在页面第一次进行加载的时候就将类样式引入进来。
3、可能出现的原因：可能引入的css文件代码被注释了。可能路径写错了。可能css代码写错了。可能还要再重启一下myeclipse。解决的方法：检查一下jsp代码中引入的css文件的那块代码。
4、还是引用的路径不对啊，有火狐的话，装一个firebug插件，装完重启下，然后重新看页面。按F12打开firebug，可以在里面看式样是否引用成功了，你可以把css文件的路径拷出来，输入地址栏，看能不能查看。
1、不当的DOCTYPE声明 不声明DOCTYPE，或者在文件开始错误声明DOCTYPE，也是一个常见错误。根据一般经验，Strict DOCTYPE是大家追求的最高级验证。Strict validation表明你的网页能够在所有浏览器上都得到最佳展示。
2、原因书写错误，查看是否写正确。分辨率不适用，需要调整到指定分辨率。
3、估计是你没有导入外部样式表，link href=../../css/main.css rel=stylesheet type=text/css / 类似这种，注意路径，如果不是这个问题，追问吧。
4、缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。
5、复制你的不好使，自己敲一遍就好使了，特意差了一下语法，没特殊规定。可能你不小心混进什么看不见的字符进去了。只是自己从键入了style 这一部分，别的没动。
6、一，你在样式表文件，也就是css.css中定义css样式，同时也要在html文档中标明样式，有ID/class两种类型；二，你的css样式表格式错误，你这种说法，除非你是用less.js这种东西，否则不能这么写。
典型的css兼容问题，即该组css样式中使用了火狐浏览器不兼容的属性，导致样式无法生效；火狐浏览器的误设置，将css样式关闭。开启方式：菜单-查看-页面样式，选择为“基本页面样式”即可。
这个一般是不太可能的，因为对于css火狐浏览器是基本全部兼容的。最新版的火狐浏览器是完全遵循w3c标准的，所以检查一下火狐浏览器的版本是不是太低，如果太低请升级到最新版本。
有可能是网页本身的问题，如引用地址不对使得CSS代码失效，还有一种可能网络和浏览器的问题，当网络卡的时候或者浏览器设置不正常的时候，也会导致CSS无法正常加载。
如果你定义的CSS，只支持某种浏览器（比如IE），那么如果你用firefox浏览的话，就可能不出现效果。另外，在DW中设计很多时候跟在浏览器中看到的效果是不一致的，完全不一致的。