Css 引导子菜单放置错误

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

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

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

HTML

谢谢

只需添加以下规则：

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

您需要的是第一级子菜单具有

position:relative

，以便在下一级定义

position:absolute；排名：0它的顶部是直接父级的顶部

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