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

太奇怪了!大家来看看!解决方案

2012-03-23 
太奇怪了!!大家来看看!dw中代码div classflow_doorul classflow_door_navliahref#湖科资

太奇怪了!!大家来看看!
dw中代码

  <div class="flow_door">
<ul class="flow_door_nav">
<li><a href="#">湖科资讯</a></li>
<li><a href="#">湖科商家</a></li>
<li><a href="#">湖科男女</a></li>
<li><a href="#">湖科二手</a></li>
</ul> 
  </div>

css代码

.flow_door{width:990px;margin:0 auto; background:url(search_bg.jpg);}

这样的css代码中背景图就好好的显示,可是我加了个

.flow_door li{ float:left;}后背景图就不见了


太灵异了。。。。。哪位解释下啊,在线等啊。。。

[解决办法]
楼主我用了一下你的代码给.flow_door 加上高度就出了

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>门户网站首页</title><style type="text/css">*{ padding:0px; margin:0px;}ul,li{ list-style:none;}img{ border:0px;}a{ text-decoration:none; color:#666666;}a:hover{ text-decoration:underline; color:#990000;}body{ font-size:12px; font-family:"宋体"; color:#000;}.head{ width:990px; margin:0 auto; }.head_top{ border-bottom:1px solid #e6e6e6; height:22px; line-height:22px; position:relative;background-color:#f8f8f8;}.head_top ul li{ float:left;}.head_left li{ padding-left:15px;}.head_right{position:absolute;left:845px;top:0px;height:22px;overflow:hidden;}.head_right li{ float:left; height:22px; line-height:22px; padding-right:15px;}.logo ul li{ float:left; padding-top:1px; border-bottom:1px solid #e6e6e6;}.flow_door{width:990px;margin:0 auto; background-image:url(http://www.four-thirds.cn/home/attachment/2009/03/24181_200903250031501WLIX.jpg); height:100px;}.flow_door_nav li{ float:left;}</style></head><body><div class="head"><div class="head_top"><ul class="head_left"><li><a href="#">设为首页</a></li><li><a href="#">商家咨询</a></li><li><a href="#">联系我们</a></li></ul><ul class="head_right"><li><a href="#">登录</a></li><li><a href="#">注册</a></li></ul></div><div class="logo"><ul><li><a href="#"><img src="images/logo.jpg" width="990px" height="50px;"/></a></li></ul></div><div class="flow_door"><ul class="flow_door_nav"><li><a href="#">湖科资讯</a></li><li><a href="#">湖科商家</a></li><li><a href="#">湖科男女</a></li><li><a href="#">湖科二手</a></li></ul></div></div></body></html> 

热点排行