Question

DIV+CSS，CLASS定义的属性无效

我打算做两个左右并排的窗口，定义了两个DIV和一个CLASS，但是显示出来却是上下两个长条，CLASS中定义的属性都没有生效。
<DIV class=cat>

</DIV>
<DIV class=cat>

</DIV>
CSS内容
.cat{ padding:0 5px;margin:10px 5px 0px 5px;width:320px;float:left;height:250px}

可以确认样式不存在冲突，外部窗口定义的宽度也足够。
要怎么样做才能实现我预期的效果呢？
使用IE7、IE8、Firefox8.0测试，效果都一样，基本上可以排除浏览器问题

Answer 1

<DIV class=cat>改成<DIV class=“cat”>
你样式引用的标签都写错了
还有可能是你忘记在页面上调取这个CSS样式表
实在不行，最直接的方法就是
<div style="padding:0 5px;margin:10px 5px 0px 5px;width:320px;float:left;height:250px"></div>
<div style="padding:0 5px;margin:10px 5px 0px 5px;width:320px;float:left;height:250px"></div>
有时候你认为一个样式无效的话，你可以直接用内联样式做个试验，内联样式是优先性最高的样式类型，不受其他样式的继承关系影响
我这里已经用内联样式测试了下没问题，那肯定就是你样式引用方面出的错，仔细检查一遍，实在不行重新建一个试试

Answer 2

<DIV class=”cat“> 加双引号试试！

追问

加上双引号情况是一样的

Answer 3

你的引用路径可能存在问题

追问

CSS中定义了很多个类，别的都生效了，就是这个类的属性没有生效

Answer 4

div是块啊，会直接换行的。你试试用display，改成内联块属性试试。还有注意窗口要两个放得下才行

Answer 5

用浏览器F12审查一下看看样式是否被覆盖