html - 多级滚动菜单

Question

我想做一个多级滚动菜单。我该怎么做？这是 FIDDLE我做测试:

.nav ul {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: block;
overflow: scroll;
max-height: 100px;
}

我已经尝试设置最大高度，并添加溢出:滚动。但它没有显示我想要的。我希望它是例如:2 级可滚动，同时当我将鼠标悬停在它上面时，3 级、4 级仍然并排放置。谢谢大家!

Answer 1

这样更好吗？

http://jsfiddle.net/jq1zrkwo/4/

刚刚删除了这个:

max-height:100px;
overflow:scroll;