在this website我的CSS是CSS宽度超出指定
.event_a {
width:220px;
float:left;
height:100%;
padding:5px 0px 0px 0px;
}
但三个“.event_a”盒子不会坐在旁边给对方。当我在Chrome中检查元素时,它显示宽度为740px! (这可以解释为什么他们并不坐在一起)
任何想法为什么它不接受指定的宽度或如何解决它?
在this website我的CSS是CSS宽度超出指定
.event_a {
width:220px;
float:left;
height:100%;
padding:5px 0px 0px 0px;
}
但三个“.event_a”盒子不会坐在旁边给对方。当我在Chrome中检查元素时,它显示宽度为740px! (这可以解释为什么他们并不坐在一起)
任何想法为什么它不接受指定的宽度或如何解决它?
样式表中有错误。删除多余的“}”:
.event1 {
float:left;
width:365px;
height:100%;
padding:5px 2px 0px 2px;
}
}
.event_a {
谢谢!它现在的作品:) – Tara 2011-04-27 20:19:43
很高兴听到它。我自己遇到了很多。一个快速调试的方法是使用Firefox和萤火虫。首先用萤火虫检查有问题的div,如果你没有看到你需要应用的样式被应用,那么打开你的样式表到那个地方去看一看。你可以在浏览器中通过打开Firebug中的css选项卡来查看加载的内容,然后右键单击css文件的名称并选择在新选项卡中打开(这是确保你记得保存工作的好方法如果你也在多个开发环境中运行)。 – scrappedcola 2011-04-27 20:26:30
如果您发现有效的答案,请单击下方的绿色问号投票。 – austinbv 2011-04-27 20:34:14
@austinbv谢谢!我刚刚意识到......会做的。 – Tara 2011-04-28 20:46:04