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

转载于:https://www.cnblogs.com/evablog/archive/2013/04/02/2995379.html