首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

图片没显示出来解决方法

2012-02-19 
图片没显示出来在CSS中有:#newsevent{width:375pxfloat:rightoverflow:auto}#upcomingevents{float:lef

图片没显示出来
在CSS中有:
#newsevent
{
  width:375px;
float:right;
overflow:auto;
}

#upcomingevents
{
  float:left;

}

#upcomingevents li
{
  width:349px;
padding:5px 12px 5px 12px;
border-bottom:1px solid #ffffff;
background-color:#d4ebb3;
font-size:0.7em;
float:left;

}

#upcomingevents li a
{
  color:#3e5804;
text-decoration:none;
margin-left:5em;
}

#upcomingevents span .date
{
  float:left;
width:5em;
}


#newsevent #lnews
{
  background-image:url(../img/news-h.gif);
background-position:left center;
background-repeat:no-repeat;
width:373px;
height:42px;
 
}

在HTML中有:

<div id="newsevent">
   
  <ul id="upcomingevents">
  <li><span class="date">2010-3-10</span><a href="#">IT培训对中国职业培训及就业的影响</a></li>
  <li><span class="date">2010-4-30</span><a href="#">国家重点软件企业名单发布 上海27家企业上榜</a></li>
  </ul>
   
  <div id="lnews"> </div>
   
  </div>

可是发现图片news-h.gif并没有出现在网页上,请问这是为什么呢

[解决办法]
<div id="newsevent">

<ul id="upcomingevents">
<li><span class="date">2010-3-10</span><a href="#">IT培训对中国职业培训及就业的影响</a></li>
<li><span class="date">2010-4-30</span><a href="#">国家重点软件企业名单发布 上海27家企业上榜</a></li>
</ul>
<div style="clear:both;"></div>
<div id="lnews"> </div>

</div>

上面加个清除浮动
[解决办法]

探讨

请问为什么要加这个清除浮动呢

热点排行