DIV+CSS,CLASS定义的属性无效
我打算做两个左右并排的窗口,定义了两个DIV和一个CLASS,但是显示出来却是上下两个长条,CLASS中定义的属性都没有生效。<DIVclass=cat></DIV><D...
我打算做两个左右并排的窗口,定义了两个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测试,效果都一样,基本上可以排除浏览器问题 展开
<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测试,效果都一样,基本上可以排除浏览器问题 展开
展开全部
<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>
有时候你认为一个样式无效的话,你可以直接用内联样式做个试验,内联样式是优先性最高的样式类型,不受其他样式的继承关系影响
我这里已经用内联样式测试了下没问题,那肯定就是你样式引用方面出的错,仔细检查一遍,实在不行重新建一个试试
你样式引用的标签都写错了
还有可能是你忘记在页面上调取这个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>
有时候你认为一个样式无效的话,你可以直接用内联样式做个试验,内联样式是优先性最高的样式类型,不受其他样式的继承关系影响
我这里已经用内联样式测试了下没问题,那肯定就是你样式引用方面出的错,仔细检查一遍,实在不行重新建一个试试
展开全部
<DIV class=”cat“> 加双引号试试!
追问
加上双引号情况是一样的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你的引用路径可能存在问题
追问
CSS中定义了很多个类,别的都生效了,就是这个类的属性没有生效
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
div是块啊,会直接换行的。你试试用display,改成内联块属性试试。还有注意窗口要两个放得下才行
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用浏览器F12审查一下看看样式是否被覆盖
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询