Html/css位置从内部ul到外部ul

我在某种菜单中的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>

选项1






选项2

这只是一个例子。

---

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

使外部ul

位置：相对然后是内部ul
位置：绝对
然后您可以根据外部ul将其定位到任何您想要的位置。
仍然看不到这一点，因为您可以将其绝对定位到父元素。
如果您说不想将其定位到其祖先，您的意思是要将其绝对定位到外部元素吗？还是别的什么？我不得不说，我不是很准确。问题是外部ul有几个列表元素，它们是菜单中的项目。每个li元素都有内部ul作为子菜单。我想要的是所有这些子菜单都固定在某个位置，即外部菜单的右上角。希望这能澄清一些问题？问题是我希望所有内部ul元素，即子菜单，都位于相同的位置。我认为@stratton的意思是使
ul.level0
position:absolute
，然后将
ul#submenu
设置为
position:relative
。这将使所有子菜单从相同的定位原点开始。