我稍微改了下代码

.nav li a { display: block; height: 30px; text-align: center; line-height: 30px; width:120px; background: #efefef; margin-left: 1px; margin-bottom:-500px;}

就是鼠标不在a标签停留的时候 二级菜单跟它是负xxx的距离  这样也看不到

.nav a:hover{background:#bbb;margin-bottom:0px; }

鼠标停留在a标签 二级菜单就在它下边。。

但是我做完有个严重问题 停留在一级菜单的时候 想去选二级菜单 结果鼠标一离开一级菜单 就没法选择二级菜单了  这个问题该怎么解决啊 求大神帮忙 。。 【如果不用js 可以做到么？】