css - 当 div 使用边距 :auto;? 居中时，如何定位下拉导航菜单

Question

我通过在使用 margin:auto; 居中的 #nav div 中向左浮动三个 div 来设置导航菜单的基础知识。

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

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

红色的 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%;
}