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测试,效果都一样,基本上可以排除浏览器问题

PIPIONE
浏览 1114回答 2
2回答

呼如林

<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>有时候你认为一个样式无效的话,你可以直接用内联样式做个试验,内联样式是优先性最高的样式类型,不受其他样式的继承关系影响我这里已经用内联样式测试了下没问题,那肯定就是你样式引用方面出的错,仔细检查一遍,实在不行重新建一个试试

慕桂英4014372

div是块啊,会直接换行的。你试试用display,改成内联块属性试试。还有注意窗口要两个放得下才行
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5