ul，li做导航条与上面的div之间出现空行怎么解决？
想做一个网页，上面一个div是一张LOGO的图片，下面想插入一个div做ul，li的导航条，可是总会跟上面的div中间出现一个类似于空行的空间，怎么调div也去不掉，哪位...
想做一个网页，上面一个div是一张LOGO的图片，下面想插入一个div做ul，li的导航条，可是总会跟上面的div中间出现一个类似于空行的空间，怎么调div也去不掉，哪位牛人能帮我分析下是咋回事啊，先谢过了。
下面是我的代码：（top和top-li是上面的div，daohang是导航条的div，就是这两部分之间出现空行）
.top {
margin-right: auto;
margin-left: auto;
height: auto;
}
.top-li {
height: auto;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.daohang {
margin-right: auto;
margin-left: auto;
height: auto;
width: 1000px;
}
.daohang ul {
background-image: url(../im/%E7%BD%91%E9%A1%B5%E6%95%88%E6%9E%9C%E5%9B%BE%E5%89%AF%E6%9C%AC_r11_c3.jpg);
background-repeat: repeat-x;
height: 35px;
}
.daohang ul li {
float: left;
}
.daohang ul li a {
font-family: "微软雅黑";
color: #FFF;
font-size: 15px;
}
源代码是：
<body>
<div class="top">
<div class="top-li"><img src="im/网页效果图副本_r1_c1.jpg" width="1000" height="67" /></div>
</div>
<div class="daohang">
<ul>
<li>首页</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
</ul>
</div>
</html> 展开
下面是我的代码：（top和top-li是上面的div，daohang是导航条的div，就是这两部分之间出现空行）
.top {
margin-right: auto;
margin-left: auto;
height: auto;
}
.top-li {
height: auto;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.daohang {
margin-right: auto;
margin-left: auto;
height: auto;
width: 1000px;
}
.daohang ul {
background-image: url(../im/%E7%BD%91%E9%A1%B5%E6%95%88%E6%9E%9C%E5%9B%BE%E5%89%AF%E6%9C%AC_r11_c3.jpg);
background-repeat: repeat-x;
height: 35px;
}
.daohang ul li {
float: left;
}
.daohang ul li a {
font-family: "微软雅黑";
color: #FFF;
font-size: 15px;
}
源代码是：
<body>
<div class="top">
<div class="top-li"><img src="im/网页效果图副本_r1_c1.jpg" width="1000" height="67" /></div>
</div>
<div class="daohang">
<ul>
<li>首页</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
<li>学校视频</li>
</ul>
</div>
</html> 展开
展开全部
其实不是div之间有空行，是ul有默认的margin值，你在.daohang ul {……}里面加一个margin-top: 0px;就好了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是浏览器本身存在的问题，所以写CSS样式前都会先reset。
而且楼上说得是对的，但是为了避免更多的这种情况发生，如果只对一个div设置会代码冗余。
你可以在css样式里面加一句 *{margin:0;padding:0;} //这是比较多人用的；
但是最好根据自己的网页来写body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td,ul,ol,cite{margin:0;padding:0;}
而且楼上说得是对的，但是为了避免更多的这种情况发生，如果只对一个div设置会代码冗余。
你可以在css样式里面加一句 *{margin:0;padding:0;} //这是比较多人用的；
但是最好根据自己的网页来写body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td,ul,ol,cite{margin:0;padding:0;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
