html - 嵌套 ul 绝对定位在父 li 下

Question

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

我想orange（父 li）出现 OVER 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;
}