本文主要包含纯CSS,宽度自适应,无限级,导航菜单等相关知识,佚名 希望在学习及工作中可以帮助到您
先来个Demo：
http://www.jb51.net/jiaoben/111258.html
好吧，我承认，我有点标题党了，IE7的兼容并不是特别好，当鼠标离开某个导航再进入时，会留下上一次子菜单的残影（写的好像玄幻小说似的=。=）
不过纯属研究，O(∩_∩)O哈哈~
宽度自适应是指各级菜单都可以随内容的长度自行适应宽度，而当浏览器分辨率较低时一级导航也可以自动换行，而多级子菜单靠左显示还是得手动调整。
DOM结构比较简单，只是 ol.nav 与 li.item 的互相嵌套而已。
看代码吧（长是长了点，但其实你会发现导航的标签结构真的真的很简单，重要的是CSS部分）：
<li class="
http://www.jb51.net/jiaoben/111258.html
好吧，我承认，我有点标题党了，IE7的兼容并不是特别好，当鼠标离开某个导航再进入时，会留下上一次子菜单的残影（写的好像玄幻小说似的=。=）
不过纯属研究，O(∩_∩)O哈哈~
宽度自适应是指各级菜单都可以随内容的长度自行适应宽度，而当浏览器分辨率较低时一级导航也可以自动换行，而多级子菜单靠左显示还是得手动调整。
DOM结构比较简单，只是 ol.nav 与 li.item 的互相嵌套而已。
看代码吧（长是长了点，但其实你会发现导航的标签结构真的真的很简单，重要的是CSS部分）：
<li class="