下拉菜单不起作用

Question

的链接：http://jsfiddle.net/UL2LB/1/

这是小提琴 可以看到，我只在隐藏子列表和 nav 元素上指定了 z 索引，这两个元素都有显式定位。所以我的问题是，为什么我的子菜单仍然显示在

顶部？

预先感谢您的任何答复。

Answer 1

给你的 ul 一个像素宽度，并添加 position:relative 到它的 li 中。

nav.global ul li ul {
    width:180px;
    ...
}

nav.global > ul > li {
    display: inline-block;
    margin-left: 2%;
    position: relative;
}