求解,导航和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>
页:
[1]