div+css如何控制导航高度

我在做一个导航，我已经做好了，但是，我做好了导航，可是再在下面做另一个盒子的时候，就怎么也和上面的导航对不上，这是怎么回事啊？请教各位大帅指点~！小弟急用~！这是我写的：... 我在做一个导航，我已经做好了，但是，我做好了导航，可是再在下面做另一个盒子的时候，就怎么也和上面的导航对不上，这是怎么回事啊？

请教各位大帅指点~！小弟急用~！

这是我写的：
.news1{ width:287px; height:149px;margin:0; padding:0;background:url(../images/index_53.gif) no-repeat; text-align:center;}
.news2{margin:0;padding:0;}
.news2 ul{list-style-type:none; padding:0; width:287px;height:19px;margin:0; }
.news2 li{float:left; margin:0; padding:0; line-height:18px;}
.news2 a{display:block;text-align:center;height:19px; width:39px;background:url(../images/gonggao-bg.gif) no-repeat;text-decoration:none;}
.news2 a:link{color:#004c65;background:url(../images/gonggao-bg.gif) no-repeat;text-decoration:none;}
.news2 a:visited{color:#004c65;text-decoration:none;}
.news2 a:hover{color:#000;text-decoration:underline;background:#e5fafd;}

<div class="news2">
<ul>
<li><img src="images/index_58.gif" width="42px" height="19px" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_61.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_61.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_61.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_61.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_63.gif" width="38px" height="19px" /></li>
</ul>
</div>
<div class="news1"></div> 展开

 我来答

3个回答

#热议# 在购买新能源车时，要注意哪些？

一风风0Yf3e
推荐于2016-02-02

知道答主

回答量：5

采纳率：0%

帮助的人：6.6万

我也去答题访问个人页

关注

展开全部

<html>

<head>
<link rel="stylesheet" type="text/css" href="ErrorPageTemplate.css" />
<meta HTTP-EQUIV="Content-Type" Content="text-html; charset=utf-8">
<title>安全设置风险</title>
<style type="text/css">
.news1{ width:287px; height:149px;margin:0; padding:0;background:url(../images/index_53.gif) no-repeat; text-align:center;}
.news2{margin:0;padding:0;}
.news2 ul{list-style-type:none; padding:0; width:687px;height:19px;margin:0; }
.news2 li{float:left; margin:0; padding:0; line-height:18px;}
.news2 a{display:block;text-align:center;height:19px; width:39px;background:url(../images/gonggao-bg.gif) no-repeat;text-decoration:none;}
.news2 a:link{color:#004c65;background:url(../images/gonggao-bg.gif) no-repeat;text-decoration:none;}
.news2 a:visited{color:#004c65;text-decoration:none;}
.news2 a:hover{color:#000;text-decoration:underline;background:#e5fafd;}

</style>
</head>

<body>

<div class="news2">
<ul>
<li><img src="images/index_58.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_61.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_61.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_61.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_61.gif" /></li>
<li><a href="#">全部</a></li>
<li><img src="images/index_63.gif" /></li>
</ul>
</div>
<div class="news1"></div>

</body>
</html>

已赞过 已踩过<

评论收起

2460yang
2009-11-27 · 超过16用户采纳过TA的回答

知道答主

回答量：82

采纳率：0%

帮助的人：45.8万

我也去答题访问个人页

关注

展开全部

应该是这样吧放到 body 与body之间

<style type="text/css">
.news1{ width:287px; height:149px;margin:0; padding:0;background:url(../images/index_53.gif) no-repeat; text-align:center; background:#006600;}
.news2{margin:0;padding:0;}
.news2 ul{list-style-type:none; padding:0; width:500px;height:19px;margin:0; }
.news2 li{float:left; margin:0; padding:0; line-height:19px;}
.news2 a{display:block;text-align:center;height:19px; line-height:29px; width:50px;background:url(../images/gonggao-bg.gif) no-repeat;text-decoration:none;}
.news2 a:link{color:#004c65;background:url(../images/gonggao-bg.gif) no-repeat;text-decoration:none;}
.news2 a:visited{color:#004c65;text-decoration:none;}
.news2 a:hover{color:#000;text-decoration:underline;background:#e5fafd;}
</style>

<div class="news2">
<ul>
<li><img src="aaa.jpg" width="32" height="32" /></li>
<li><a href="#">全部</a></li>
<li><img src="aaa.jpg" width="32" height="32" /></li>
<li><a href="#">全部</a></li>
<li><img src="aaa.jpg" /></li>
<li><a href="#">全部</a></li>
<li><img src="aaa.jpg" /></li>
<li><a href="#">全部</a></li>
<li><img src="aaa.jpg" /></li>
<li><a href="#">全部</a></li>
<li><img src="aaa.jpg" width="32" height="32" /></li>
</ul>
</div>
<div class="news1"></div>

已赞过 已踩过<

评论收起

robert_happy
2009-12-02 · 超过36用户采纳过TA的回答

知道小有建树答主

回答量：178

采纳率：0%

帮助的人：104万

我也去答题访问个人页

关注

展开全部

.news1{ width:287px; height:149px;margin:0; padding:0;background:url(../images/index_53.gif) no-repeat; text-align:center;}
.news2{margin:0;padding:0;}
这里 news 2也给个宽度不久对上了吗？
具体，发个图上来吧

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

div+css如何控制导航高度

其他类似问题

为你推荐：