Question

我在某种菜单中使用html / css定位时遇到了一些麻烦。我有一个带有多个子li元素的ul元素。这些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，你可以根据需要定位它。仍然没有真正看到这一点，因为你可以将它绝对地定位到父母李元素。

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

1 个答案: