div+css中网页导航想要四个一组横排显示，共三列，我只写到这里，总是显示一列，该怎么改代码啊？
<body><divclass="wraper"><divclass="topbanner"></div><divclass="navwraperclearF"><div...
<body>
<div class="wraper">
<div class="topbanner"></div>
<div class="navwraper clearF">
<div class="line title"> </div>
<ul class="navul clearF">
<li class="title"><span><a href="#">首页</a></span></li>
<li class="title"><span><a href="#">法院简介</a></span></li>
<li class="title"><span><a href="#">新闻中心</a></span></li>
<li class="title"><span><a href="#">图片新闻</a></span></li>
</ul>
<ul class="navu clearF">
<li class="title"><a href="#">诉讼指南</a></li>
<li class="title"><a href="#">裁判文书</a></li>
<li class="title"><a href="#">诉讼服务</a></li>
<li class="title"><a href="#">法院公告</a></li>
</ul>
<ul class="nav clearF">
<li class="title"><a href="#">工作动态</a></li>
<li class="title"><a href="#">执行在线</a></li>
<li class="title"><a href="#">法学探讨</a></li>
<li class="title"><a href="#">法案时讯</a></li>
</ul>
</div>
</div>
</body>
html{background-color:#ededed;}
body{}
.title{padding-left:401px;font-size:13.33px;}
.title a{color:#000000;}
.clearF{overflow:hidden;zoom:1;}
.wraper{margin:0 auto;background-color:#ffffff;width:938px;}
.navwraper{padding-top:76px;}
/****public css****/
.topbanner{background:url(body_bg.png) 0 0 no-repeat;height:208px;margin:0 auto;}
.line{background:url(line.png) 0 0 no-repeat;height:13px;width:1px;} 展开
<div class="wraper">
<div class="topbanner"></div>
<div class="navwraper clearF">
<div class="line title"> </div>
<ul class="navul clearF">
<li class="title"><span><a href="#">首页</a></span></li>
<li class="title"><span><a href="#">法院简介</a></span></li>
<li class="title"><span><a href="#">新闻中心</a></span></li>
<li class="title"><span><a href="#">图片新闻</a></span></li>
</ul>
<ul class="navu clearF">
<li class="title"><a href="#">诉讼指南</a></li>
<li class="title"><a href="#">裁判文书</a></li>
<li class="title"><a href="#">诉讼服务</a></li>
<li class="title"><a href="#">法院公告</a></li>
</ul>
<ul class="nav clearF">
<li class="title"><a href="#">工作动态</a></li>
<li class="title"><a href="#">执行在线</a></li>
<li class="title"><a href="#">法学探讨</a></li>
<li class="title"><a href="#">法案时讯</a></li>
</ul>
</div>
</div>
</body>
html{background-color:#ededed;}
body{}
.title{padding-left:401px;font-size:13.33px;}
.title a{color:#000000;}
.clearF{overflow:hidden;zoom:1;}
.wraper{margin:0 auto;background-color:#ffffff;width:938px;}
.navwraper{padding-top:76px;}
/****public css****/
.topbanner{background:url(body_bg.png) 0 0 no-repeat;height:208px;margin:0 auto;}
.line{background:url(line.png) 0 0 no-repeat;height:13px;width:1px;} 展开
2个回答
展开全部
看一下，
<html>
<body>
<style>
html{background-color:#ededed;}
body{}
.navul{float:left}
.title{font-size:13.33px;}
.title a{color:#000000;}
.clearF{overflow:hidden;zoom:1;}
.wraper{margin:0 auto;background-color:#ffffff;width:938px;}
.navwraper{padding-top:76px;}
/****public css****/
.topbanner{background:url(body_bg.png) 0 0 no-repeat;height:208px;margin:0 auto;}
.line{background:url(line.png) 0 0 no-repeat;height:13px;width:800px;}
</style>
<div class="wraper">
<div class="topbanner"></div>
<div class="navwraper clearF">
<div class="line title"> </div>
<ul class="navul clearF">
<li class="title"><span><a href="#">首页</a></span></li>
<li class="title"><span><a href="#">法院简介</a></span></li>
<li class="title"><span><a href="#">新闻中心</a></span></li>
<li class="title"><span><a href="#">图片新闻</a></span></li>
</ul>
<ul class="navul clearF">
<li class="title"><a href="#">诉讼指南</a></li>
<li class="title"><a href="#">裁判文书</a></li>
<li class="title"><a href="#">诉讼服务</a></li>
<li class="title"><a href="#">法院公告</a></li>
</ul>
<ul class="navul clearF">
<li class="title"><a href="#">工作动态</a></li>
<li class="title"><a href="#">执行在线</a></li>
<li class="title"><a href="#">法学探讨</a></li>
<li class="title"><a href="#">法案时讯</a></li>
</ul>
</div>
</div>
</body>
</html>
追问
谢谢啊。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.navu{float:left}
要浮动。。。
欢迎追问
要浮动。。。
欢迎追问
更多追问追答
追问
出来的效果根本不是我想要的那样的。。。
追答
你要什么效果？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
