子菜单的第二级放置在第一级子菜单的第一个元素旁边，当第一个子菜单的下级元素具有较小的第二级子菜单元素时，由于鼠标悬停，用户无法导航到新的第二级子菜单出菜单。
如何将第二级子菜单放在每个第一个子菜单的所选元素旁边？
这是JSFiddle，检查元素并尝试导航到他们的子菜单：存储设备，打印机，笔记本电脑包，投影仪等。
HTML
Code too large to be displayed here. Check JSFiddle
谢谢！
答案 0 :(得分：2)
只需添加此规则：
.dropdown-menu > li { position: relative; }
你需要的是具有position: relative的第一级子菜单，这样当下一级别定义position: absolute; top: 0;时，其顶部是直接父级的。{/ p>