嵌套的ul位于父李的绝对位置

Question

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

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

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

Answer 1

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

尝试将z-index和{{1}}设置为锚点。

http://jsfiddle.net/N62x8/

Answer 2

我希望这就是你要找的东西：

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