CSS / Javascript 菜单固定位置问题（滚动时）

Question

这是我的 fiddle:

https://jsfiddle.net/0sawc7vL/1/

问题就在这里：

.topmenu-ul li ul {
    font-size: 0;
    display: none;
    list-style: none;
    position: fixed;
    top: 35px;
    left: -32px;
}

现在的菜单非常完美。唯一的问题是，当我有一个可以滚动的页面时。子菜单（带有 "dashboard" link 等）留在原位，因为它是固定的。当我删除 "position=fixed" 属性 时，整个菜单都搞砸了。当我将其更改为相对时也是如此。有什么建议吗？

Answer 1

你应该这样改

.topmenu-ul li ul {
    font-size: 0;
    display: none;
    list-style: none;
    position: absolute;
    top: 35px;
    left: -32px;
}

Answer 2

添加

position:relative

到

nav class="nav" 

元素。