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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM