div+css中网页导航想要四个一组横排显示，共三列，我只写到这里，总是显示一列，该怎么改代码啊？
发布网友
发布时间：2022-04-25 23:47
共2个回答
热心网友
时间：2023-10-18 21:34
看一下，
<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>
追问谢谢啊。。。
热心网友
时间：2023-10-18 21:34
要浮动。。。
欢迎追问
