Css 如何将子菜单与主菜单平行放置

有人能建议如何调整与主菜单平行的子菜单吗？（不使用负边距顶部）

需要这样的输出吗

$（文档）.ready（函数（）{
$（'.dropdown子菜单a.test'）。打开（“单击”，函数（e）{
$（this.next（'ul'）.toggle（）；
e、 停止传播（）；
e、 预防默认值（）；
});
});
。下拉子菜单{
位置：相对位置；
}
.下拉子菜单.下拉菜单{
排名：0；
左：100%；
页边顶部：-1px；
}

教程

















你所需要做的就是把它移除。然后，外部div容器将成为这些元素绝对定位的参考点（因为它现在是最接近定位的祖先）


$（文档）.ready（函数（）{
$（'.dropdown子菜单a.test'）。打开（“单击”，函数（e）{
$（this.next（'ul'）.toggle（）；
e、 停止传播（）；
e、 预防默认值（）；
});
});
/*
.下拉子菜单{
位置：相对位置；
}
*/
.下拉子菜单.下拉菜单{
排名：0；
左：100%；
页边顶部：-1px；
}

教程
















您使用的是哪个引导版本？如果您使用的是引导版本4，您可以从这个github项目获得帮助
.dropdown-submenu {
    position: relative;
}