javascript - 将子菜单定位在菜单容器的顶部

Question

我正在尝试构建一个像这样的菜单 http://alizahid.github.io/slinky/在 WordPress 主题中使用。我似乎无法将子菜单对齐到顶部，它始终位于实际菜单项下方。

有没有办法将子菜单从其父菜单中移出并将其与整个菜单的顶部对齐？

谢谢。

Answer 1

假设这是你的构建

<div id="patent">
<ul id="main">
    <li>
        <ul class="sup"></ul>
    </li>
</ul>

让#parent位置相对和主副位置绝对

这会将 sup 定位到父级(换句话说在同一个地方)