显示宽度的问题
在CSS中有:
#mainpanel
{
background-image:url(../img/homebg.gif);
background-repeat:repeat-y;
background-position:left center;
width:760px;
height:440px;
position:relative;
overflow:hidden;
}
#gardenspanel
{
width::375px;
float:left;
}
#gardenpanelcontent
{
padding:10px 18px 15px 18px;
}
#gardenpanelcontent p
{
float:left;
padding-top:8px;
color:#cccccc;
font-size:12px;
}
在HTML中有:
<div id="mainpanel">
<div id="gardenspanel">
<p>
中国IT教育15年来经历过三个主要阶段,第一阶段是以微软、思科认证代表的“国际认证时代”, 这一阶段主要是在1995年前后到2004年,此时,各培训机 构推出各种认证培训,主要面向在职人员和高校毕业生;第二阶段是以就业为导向的“培训班时代”, 2004年至2007年,IT培训显示出巨大的发展空间,于是各 培训机构一哄而上,以“短、平、快”的方式培养了大量基础人才。 </p>
</div>
</div>
可是发现<p>...</p>中的这段话并没有被局限在宽度为375px的范围内,而充满了760px宽度,不是已经在#gardenspanel
中定义了宽度为375px吗,请问这是怎么回事
[解决办法]
#gardenspanel
{
width::375px;//你这里多了一个冒号,这样就好了width:375px
float:left;
}