嵌套 ul 位于父级 li 下的绝对位置

Question

这里是html+css： http://jsfiddle.net/xgXXN/

我想orange（父 li）出现在 green（嵌套的 ul）上。绿色的ul必须绝对定位，因为我不希望它拉伸父母li。

我找不到这个:(的解决方案。如果可能的话，最好的是 css 修改而不是 HTML。

Answer 1

您遇到的问题是因为您将z-index应用于li，然后该也应用于此 li 的子列表。

尝试改为将position:relative和z-index设置为定位点。

http://jsfiddle.net/N62x8/

Answer 2

我希望

这就是您正在寻找的：

ul.main-menu > li > ul {
    position:absolute;
    padding-top: 5px;
}