发新话题
打印

求解,导航和banner间的那个空出部分怎么解决

求解,导航和banner间的那个空出部分怎么解决

正在照着一个网页做,结果发现刚开始就卡住了,那个中间出现的空白是怎么来的?是有什么内容吗?我在ul设置右浮动的话中间的空格没了,但是ul内的内容向下浮动了,感觉就像是上面还有什么内容一样,麻烦各位师兄师姐赐教!!!
css代码:
/*对网页进行初始化*/
body{background-color:#DED6F5;padding:0px;margin:0px;text-align:center;font-size:12px;}
/*设置整体的属性*/
.neirong{width:760px;border:1px dashed silver;margin:0px auto;}
/*设置顶部banner*/
.banner{width:100%;height:140px;}
/*设置顶部导航*/
.tlink{width:760px;height:25px;background-color:#DAEEFF;}
.tlink ul{text-align:center;/*float:right;*/background-color:silver;}
.tlink li{list-style-type:none;height:25px;line-height:25px;padding:0px 10px;float:left;}

html代码:
<!DOCTYPE html>
<html>
  <head>
    <title>index.html</title>
       
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <link rel="stylesheet" type="text/css" href="./css.css">

  </head>
  
  <body>
    <div class="neirong">
       <div class="banner"><img src="images/banner.jpg"/></div>
       <div class="tlink">
         <ul>
           <li>个人首页</li>
           <li>控制面板</li>
           <li>我的文章</li>
           <li>我的相册</li>
           <li>我的圈子</li>
           <li>给我留言</li>
         </ul>
       </div>   
    </div>
  </body>
</html>
必须努力了,come on!
发新话题