2011-04-27 87 views
2

this website我的CSS是CSS宽度超出指定

.event_a { 
    width:220px; 
    float:left; 
    height:100%; 
    padding:5px 0px 0px 0px; 
} 

但三个“.event_a”盒子不会坐在旁边给对方。当我在Chrome中检查元素时,它显示宽度为740px! (这可以解释为什么他们并不坐在一起)

任何想法为什么它不接受指定的宽度或如何解决它?

+0

如果您发现有效的答案,请单击下方的绿色问号投票。 – austinbv 2011-04-27 20:34:14

+0

@austinbv谢谢!我刚刚意识到......会做的。 – Tara 2011-04-28 20:46:04

回答

3

样式表中有错误。删除多余的“}”:

.event1 { 
    float:left; 
    width:365px; 
    height:100%; 
    padding:5px 2px 0px 2px; 
    } 
    } 
.event_a { 
+0

谢谢!它现在的作品:) – Tara 2011-04-27 20:19:43

+0

很高兴听到它。我自己遇到了很多。一个快速调试的方法是使用Firefox和萤火虫。首先用萤火虫检查有问题的div,如果你没有看到你需要应用的样式被应用,那么打开你的样式表到那个地方去看一看。你可以在浏览器中通过打开Firebug中的css选项卡来查看加载的内容,然后右键单击css文件的名称并选择在新选项卡中打开(这是确保你记得保存工作的好方法如果你也在多个开发环境中运行)。 – scrappedcola 2011-04-27 20:26:30