CSS下拉子菜单垂直对齐

Question

我在 https://admin.vybenetworks.com/vybe/dropdown/ 有一个下拉菜单除了一件事，它工作正常。子菜单与导航顶部对齐，而不是与它所属的菜单项对齐。例如，在“账单”下有一个名为“报告”的子菜单，其中有一项名为“销售报告”。子菜单显示在“定期计费”项附近，而不是“报告”项旁边。

我试着搜索这个问题，但实际上很少有搜索结果是关于这个问题的。我认为包含元素 (LI) 是“position: relative”，子菜单 (UL) 是“position: absolute”，但它总是相对于父 UL。

感谢任何提示。

Answer 1

在您的 Vybe.css 文件中的第 286 行，您有一个类似这样的元素:nav ul ul ul。将此元素的属性 top 更改为:

nav ul ul ul {
    /* other code here, don't copy this comment */
    top: 252px;
    /* other code there, don't copy this comment */
}

这将使子菜单元素向下滑动到其对应的父元素旁边。您可以根据自己的需要进行修改，但我认为 252px 恰到好处。

让我知道这对您是否有效。