Html 使用flexbox定位水平菜单

我正在尝试使用flexbox做固定菜单。在我的导航栏中，我创建了两个div。第一个应该包含徽标，第二个菜单（带有

显示：flex

属性）。我有个问题，当我想发布菜单中的li元素时。我想要水平菜单，但当我添加

justify content:space-between

时，我的第一个元素应该位于菜单div的左边缘，但它有一个小边距，我不知道为什么

标题{
高度：100vh；
背景颜色：黄色；
宽度：100vw；
最大宽度：100%；
}
navbar先生{
宽度：100vw；
背景颜色：灰色；
高度：7vh；
最大宽度：100%；
位置：固定；
边框底部：5px纯白；
z指数：2；
}
1.flex_row{
显示器：flex；
弯曲方向：行；
}
.集装箱{
身高：100%；
宽度：100vw；
最大宽度：100%；
背景颜色：绿色；
显示器：flex；
}
#标志{
身高：100%；
背景色：白色；
柔性生长：1；
}
#菜单{
身高：100%；
背景颜色：黄色；
柔性生长：1；
}
#菜单ul{
列表样式类型：无；
调整内容：灵活启动；
对齐内容：柔性端；
}
#菜单ulli{
边框：1px纯黑；
线高：40px；
}

您必须添加边距：0；至“菜单ul”

HTML自动向无序列表添加边距

#menu ul {
      margin:0;
}

---

分享你的完整代码，并说明你到底遇到了什么错误。看起来你只是放弃了零的边距和填充-