日期:2014-05-17  浏览次数:20606 次

显示宽度的问题
在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;
}