Html flexbox元素未到达容器的末尾

嘿，伙计们，我不确定我做错了什么，但是当我使用justify content:space-between；-什么也没发生，我试着调整它们，但还是没有。

nav{
宽度：100%；
背景色：黑色；
左侧填充：30px；
右边填充：10px；
}
.navContact{
左边距：自动；
}
navbar先生{
显示器：flex；
弯曲方向：行；
证明内容：之间的空间；
}
mainNav先生{
显示器：flex；
}
纳维特先生{
颜色：白色；
文字装饰：无；
右边框：2倍实心rgb（255,123,0）；
填充：10px 15px；
}

您可以在

ul

中设置

flex:1

和

ul

的最后一项，然后在最后一个

li

内部

ul

中设置

左边距：auto

*，
*：：之后，
*：：之前{
框大小：边框框
}
导航{
宽度：100%；
背景色：黑色；
左侧填充：30px；
右边填充：10px；
显示器：flex；
证明内容：之间的空间；
}
mainNav先生{
显示器：flex；
弹性：1；
}
纳维特先生{
颜色：白色；
文字装饰：无；
右边框：2倍实心rgb（255,123,0）；
填充：10px 15px；
}
.navitem：类型的最后一个{
左边距：自动
}

您可以在

ul

中设置

flex:1

和

ul

的最后一项，然后在最后一个

li

内部

ul

中设置

左边距：auto

*，
*：：之后，
*：：之前{
框大小：边框框
}
导航{
宽度：100%；
背景色：黑色；
左侧填充：30px；
右边填充：10px；
显示器：flex；
证明内容：之间的空间；
}
mainNav先生{
显示器：flex；
弹性：1；
}
纳维特先生{
颜色：白色；
文字装饰：无；
右边框：2倍实心rgb（255,123,0）；
填充：10px 15px；
}
.navitem：类型的最后一个{
左边距：自动
}

您的第一个li未正确关闭

/

斜杠在关闭标记之外。哇，多大的错误，但这仍然没有解决问题？您的第一个li未正确关闭

/
斜杠在关闭标记之外。哇，多大的错误，但这仍然没有解决问题？谢谢你的解释！但我不希望搜索栏太宽，我希望它位于容器的右侧。从字面上说，与contact@LeeHoward我以为你想要全宽的，我已经更新了答案以满足你的要求。非常感谢！对不起，把你弄糊涂了。谢谢你的解释！但我不希望搜索栏太宽，我希望它位于容器的右侧。从字面上说，与contact@LeeHoward我以为你想要全宽的，我已经更新了答案以满足你的要求。非常感谢！对不起，把你弄糊涂了。