css+ul+li⽅式横向再纵向排列
<ul>
<li>机构概况
<ul>
<li>机构情况</li>
<li>机构组成</li>
<li>机构组成</li>
</ul>
</li>
<li>⼈才引进</li>
<li>新闻动态</li>
<li>⽂化⽣活</li>
</ul>
</div></td>
</tr>
</table>
</body>
最近一周新闻</html>
ul li {
float: left;
width: 25%;
list-style-type: none;
font-size: 14px;
color: #FFFFFF;
position: relative;
line-height:25px;
}
ul li ul li {
float: none;
width: 100px;
background-color: #0066CC;
}
#mymenu ul li ⼀级菜单是横向排列，所以float: left;
⽽⾥⾯包含的#mymenu ul li ul li是纵向排列，但受到了⽗级别float: left；的影响，为了消除这种影响float: none;　注意不是clear