多级滚动菜单

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;