Html/css将内部ul定位到外部ul

Question

我在某种菜单中的html/css定位遇到了一些问题。我有一个ul元素，其中有许多li子元素。这些li元素中的每一个都包含另一个ul元素。例如，这里有这样的东西：

<ul class="level0">
<li id="nav-1-1" class="level1"><span> Option1 </span>
<ul id="submenu" class="">
    <li class="level2" first="" nav-2-2="">
    <li class="level2" first="" nav-2-2="">
    <li class="level2" first="" nav-2-2="">
</ul>
</li>
<li id="nav-1-1" class="level1"><span> Option2 </span>
<ul id="submenu" class="">
    <li class="level2" first="" nav-2-2="">
    <li class="level2" first="" nav-2-2="">
    <li class="level2" first="" nav-2-2="">
</ul>
</li>

​

这只是一个例子。我想要的是将内部的ul元素定位到外部，而不是li。如何做到这一点？提前谢谢。

Answer 1

将外部ul设置为position: relative;，然后将内部ul设置为position: absolute;

然后，您可以根据外部的ul将其放置在任何您想要的位置。仍然看不到这一点，因为您可以将它定位为父li elemennt的绝对位置。