css - 下拉菜单将不起作用

Question

这是 fiddle 的链接:http://jsfiddle.net/UL2LB/1/

如您所见，我只在隐藏的子列表和导航元素上指定了 z-index，这两个元素都有显式定位。所以我的问题是，为什么我的子菜单仍然显示在 <nav> 的顶部？ ？

提前感谢您的回答。

Answer 1

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

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

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