当div使用margin：auto;？居中时，如何定位下拉导航菜单？

Question

我的导航菜单的基础设置是通过在#nav div中浮动三个div来设置，使用margin：auto;。

这些导航菜单选项中只有一个需要下拉菜单。我假设我必须将下拉菜单从正常流程中移出，这样它就不会移动其他浮动对象。

这是我的第一个项目，所以我只想在概念上围绕如何定位这个菜单。我担心如果我相对于像素值做位置，菜单可能不会显示在原始链接下，具体取决于用户的屏幕尺寸/分辨率。

红色X标记了下拉列表的显示位置。

这种无序是否应该嵌套在投资组合列表项下，还是应该是一个单独的无序列表，以某种方式位于投资组合链接下？我担心，如果它嵌套了它可能会撞到它的底部边界？

我可以发布代码，但我不知道从哪里开始。寻找正确方向的推动力！

由于

Answer 1

通常这样做：

<ul class=menu id=leftLinks>
    <li>about</li>
    <li>portfolio
        <ul class=submenu>
            <li>Submenu item</li>
        </ul>
</li>
</ul>


.menu > li {
    position: relative;
}

.submenu {
    position: absolute;
    left: 0;
    top: 100%;
}