新浪主页这个多行表格怎么用div做
新浪主页这个多行表格怎么用div做，求指点
(img/174195331736127.png)
div+ul float:left布局
帮题主扣代码下来了
<!doctype html>
<style>
.main-nav {
width: 1000px;
height: 98px;
margin: 0 auto;
font-family: "Microsoft YaHei","SimSun";
font-size:12px
}
.nav-mod-1, .nav-mod-2 {
_display: inline-block;
float: left;
padding: 2px 5px 18px 0;
}
.nav-mod-1 {
width: 174px;
background: url(https://i0.sinaimg.cn/home/main/index2013/0719/bg2.png) no-repeat 176px -183px;
margin-left: 2px;
display: inline;
}
ul,li{margin:0;padding:0}
.main-nav ul {
height: 26px;
clear: both;
}
ul, ol {
list-style: none;
}
.main-nav li {
float: left;
width: 27px;
margin-left: 13px;
line-height: 26px;
text-align: center;
white-space: nowrap;
display: inline;
}
.main-nav a, .main-nav a:visited {
color: #000;
text-decoration: none;
}
.nav-w {
width: 180px;
background-position: 184px -183px;
}
.nav-hasmore .nav-out li.more:hover {
background: #edeef0;
}
.nav-hasmore .nav-out li.more {
position: relative;
width: 60px;
}
.nav-hasmore .nav-out li {
width: 58px;
margin-left: 0;
}
.nav-hasmore {
width: 60px;
padding-bottom: 0;
}
.nav-hasmore .nav-out li.more .more-list {
display: none;
background: #fff;
width: 58px;
border: 1px solid #fecc5b;
border-top: none;
border-bottom: none;
position: absolute;
left: 0;
top: 26px;
height: auto;
z-index: 999;
}
.nav-hasmore .nav-out li.more:hover .more-list {
display:block
}
</style>
<div class="main-nav" data-sudaclick="blk_mainnav">
<div class="nav-mod-1">
<ul>
<li><a href="https://news.sina.com.cn/" target="_blank"><b>新闻</b></a></li>
<li><a href="https://mil.news.sina.com.cn/" target="_blank">军事</a></li>
<li><a href="https://news.sina.com.cn/china/" target="_blank">国内</a></li>
<li><a href="https://news.sina.com.cn/world/" target="_blank">国际</a></li>
</ul>
<ul>
<li><a href="https://finance.sina.com.cn/" target="_blank"><b>财经</b></a></li>
<li><a href="https://finance.sina.com.cn/stock/" target="_blank">股票</a></li>
<li><a href="https://finance.sina.com.cn/fund/" target="_blank">基金</a></li>
<li><a href="https://finance.sina.com.cn/forex/" target="_blank">外汇</a></li>
</ul>
<ul>
<li><a href="https://tech.sina.com.cn/" target="_blank"><b>科技</b></a></li>
<li><a href="https://mobile.sina.com.cn/" target="_blank">手机</a></li>
<li><a href="https://tech.sina.com.cn/discovery/" target="_blank">探索</a></li>
<li><a href="https://zhongce.sina.com.cn/" target="_blank">众测</a></li>
</ul>
</div>
<div class="nav-mod-1 nav-w">
<ul>
<li><a href="https://sports.sina.com.cn/" target="_blank"><b>体育</b></a></li>
<li style="width:36px;"><a href="https://sports.sina.com.cn/nba/" target="_blank">NBA</a></li>
<li><a href="https://sports.sina.com.cn/g/premierleague/" target="_blank">英超</a></li>
<li><a href="https://sports.sina.com.cn/csl/" target="_blank">中超</a></li>
</ul>
<ul>
<li><a href="https://ent.sina.com.cn/" target="_blank"><b>娱乐</b></a></li>
<li style="width:36px;"><a href="https://ent.sina.com.cn/star/" target="_blank">明星</a></li>
<li><a href="https://ent.sina.com.cn/film/" target="_blank">电影</a></li>
<li><a href="https://astro.sina.com.cn/" target="_blank">星座</a></li>
</ul>
<ul>
<li><a href="https://auto.sina.com.cn/" target="_blank"><b>汽车</b></a></li>
<li style="width:36px;"><a href="https://dealer.auto.sina.com.cn/price/" target="_blank">报价</a></li>
<li><a href="https://db.auto.sina.com.cn/" target="_blank">买车</a></li>
<li><a href="https://auto.sina.com.cn/newcar/index.d.html" target="_blank">新车</a></li>
</ul>
</div>
<div class="nav-mod-1 nav-w">
<ul>
<li><a href="http://blog.sina.com.cn/" target="_blank"><b>博客</b></a></li>
<li style="width:36px;"><a href="https://finance.sina.com.cn/zl/" target="_blank">专栏</a></li>
<li><a href="http://blog.sina.com.cn/lm/history" target="_blank">历史</a></li>
<li><a href="https://weather.sina.com.cn/" target="_blank">天气</a></li>
</ul>
<ul>
<li><a href="https://video.sina.com.cn/" target="_blank"><b>视频</b></a></li>
<li style="width:36px;"><a href="https://ent.sina.com.cn/zongyi/" target="_blank">综艺</a></li>
<li><a href="https://vr.sina.com.cn/" target="_blank">VR</a></li>
<li><a href="https://video.sina.com.cn/l/pub" target="_blank">直播</a></li>
</ul>
<ul>
<li><a href="https://www.leju.com/#source=pc_sina_tydh1&source_ext=pc_sina" target="_blank"><b>房产</b></a></li>
<li style="width:36px;"><a href="https://esf.leju.com/?bi=tg&type=sina-pc&pos=index-dh" target="_blank">二手房</a></li>
<li><a href="https://jiaju.sina.com.cn/" target="_blank">家居</a></li>
<li><a href="https://collection.sina.com.cn/" target="_blank">收藏</a></li>
</ul>
</div>
<div class="nav-mod-1">
<ul>
<li><a href="https://fashion.sina.com.cn/" target="_blank"><b>时尚</b></a></li>
<li><a href="https://eladies.sina.com.cn/" target="_blank">女性</a></li>
<li><a href="https://med.sina.com/" target="_blank">医药</a></li>
<li><a href="https://baby.sina.com.cn/" target="_blank">育儿</a></li>
</ul>
<ul>
<li><a href="https://edu.sina.com.cn/" target="_blank"><b>教育</b></a></li>
<li><a href="https://edu.sina.com.cn/a/" target="_blank">留学</a></li>
<li><a href="https://gongyi.sina.com.cn/" target="_blank">公益</a></li>
<li><a href="https://fo.sina.com.cn/" target="_blank">佛学</a></li>
</ul>
<ul>
<li><a href="https://photo.sina.com.cn/" target="_blank"><b>图片</b></a></li>
<li><a href="https://book.sina.com.cn/" target="_blank">读书</a></li>
<li><a href="https://tousu.sina.com.cn/" target="_blank">黑猫</a></li>
<li><a href="https://sifa.sina.com.cn/" target="_blank">司法</a></li>
</ul>
</div>
<div class="nav-mod-1 nav-mod-s">
<ul>
<li><a href="https://weibo.com/" target="_blank"><b>微博</b></a></li>
<li><a href="https://city.sina.com.cn/" target="_blank">城市</a></li>
<li id="SI_Nav_City"><a target="_blank" href="http://gx.sina.com.cn">广西</a></li>
<li><a href="https://tzxy.sina.com.cn" target="_blank">学投资</a></li>
</ul>
<ul>
<li><a href="https://travel.sina.com.cn/" target="_blank"><b>旅游</b></a></li>
<li><a href="https://cul.news.sina.com.cn/" target="_blank">文化</a></li>
<li><a href="https://lottery.sina.com.cn/" target="_blank">彩票</a></li>
<li><a href="https://golf.sina.com.cn/" target="_blank">高尔夫</a></li>
</ul>
<ul>
<li><a href="https://games.sina.com.cn/" target="_blank"><b>游戏</b></a></li>
<li><a href="http://www.97973.com" target="_blank">手游</a></li>
<li><a href="https://mail.sina.com.cn/" target="_blank">邮箱</a></li>
<li><a href="https://english.sina.com/" target="_blank">English</a></li>
</ul>
</div>
<div class="nav-mod-1 nav-w nav-hasmore">
<ul class="nav-out">
<li><a href="https://jiaoyi.sina.com.cn/jy/from=langshou" target="_blank">交易</a></li>
<li><a href="https://jr.sina.com.cn/web/main/index?source=sinatop" target="_blank">理财</a></li>
<li class="more">
<a href="javascript:;">更多<i></i></a>
<ul class="more-list">
<li><a href="https://gov.sina.com.cn/" target="_blank">政务</a></li>
<li><a href="https://chexian.sina.com/" target="_blank">车险</a></li>
<li><a href="https://game.weibo.com/" target="_blank">页游</a></li>
<li><a id="navLinkShow" href="https://show.sina.com.cn/" target="_blank">SHOW</a></li>
<li><a href="https://search.sina.com.cn/?c=more" target="_blank">搜索</a></li>
<li><a href="https://help.sina.com.cn/" target="_blank">客服</a></li>
<li><a href="https://news.sina.com.cn/guide/" target="_blank">导航</a></li>
</ul>
</li>
</ul>
</div>
</div>
有帮助麻烦点下【采纳该答案】，谢谢~~
ul li标签也行