Html 嵌套的导航栏不'；t在主导航下对齐

您好，我正在尝试在主导航中添加嵌套导航。问题是嵌套导航没有在主导航下正确对齐。请看截图。嵌套导航不在主导航的正下方对齐。嵌套导航向右移动了大约50%。我正在使用css flexbox来布局导航

正文{
背景色：红色；/*以查看菜单*/
}
.导航包装器{
显示器：flex；
对齐项目：居中；
证明内容：周围的空间；
高度：8雷姆；
宽度：100%；
背景色：透明；
过渡：高度0.5s；
}
.标题a：链接，
a:参观了{
字体系列：“阿拉塔”，无衬线；
字体大小：3rem；
文本转换：大写；
颜色：白色；
光标：指针；
显示：块；
位置：相对位置；
过渡：放松；
}
.标题a：悬停，
a:主动的{
变换：平移（.3rem，-.2rem）；
颜色：白色；
}
navbar先生{
显示器：flex；
宽度：45%；
证明内容：之间的空间；
列表样式类型：无；
z指数：1000；
位置：相对位置；
}
李国宝先生{
位置：相对位置；
flex:1自动；
}
.嵌套{
显示器：flex；
弯曲方向：立柱；
列表样式类型：无；
位置：绝对位置；
宽度：100%；
}
李先生{
宽度：100%；
}
李娜：链接，
a:参观了{
填充：5px0px；
光标：指针；
颜色：白色；
显示：块；
过渡：.3s；
}
李娜：悬停，
a:主动的{
转换：比例（1.2）；
颜色：白色；
背景：rgba（0,0,0,0.082）；
}
.扳机{
显示：无；
}

终于找到了解决问题的方法。嵌套导航上有填充物。必须将padding:0属性添加到css。我的建议是在ul，li属性中添加边距：0和填充：0。

那么，您希望嵌套的导航在主导航下100%宽度，还是在本例中希望在主导航下对齐？或者两者都有？您好，我希望它在主导航的下方对齐，并与主导航的LIP具有相同的宽度。请参见屏幕截图。嵌套导航应在主导航下正确对齐，宽度应与主导航相同。这是一个下拉列表…我认为嵌套导航有一些填充。