css - 引导子菜单放置错误

Question

二级子菜单放置在一级子菜单的第一个元素的旁边，当一级子菜单的较低元素具有较少二级子菜单元素时，用户无法导航到新的二级子菜单，因为鼠标悬停在菜单外.

如何将第二级子菜单放置在每个第一级子菜单的选定元素旁边？

这是 JSFiddle，检查元素并尝试导航到它们的子菜单：内存设备、打印机、笔记本电脑包、投影仪等。

HTML

Code too large to be displayed here. Check JSFiddle

谢谢！

Answer 1

只需添加此规则：

.dropdown-menu > li { position: relative; }

你需要的是第一级子菜单position: relative，这样当下一级定义position: absolute; top: 0;它的顶部时，它的顶部就是直接父级的。