以下为本人从百度中找到的纯CSS方式实现导航下拉列表的代码：
其实是利用了hover属性做到的，自然效果也是只有当鼠标移动到父级菜单上才会显示子菜单了！
#b{display:none;}
#a:hover #b{ display:inline-block;}
<div>
<ul id='a'><li>123<ul id='b'><li>2222222</li></ul><li></ul></div>
说明，任何东西都不是死的，以上代码只是提供了一个简单的演示思路，具体的html代码大家可以根据实际需要进行处理！
