Html 如何在flexbox中移动项目？

我想将类“right”中的所有项目移动到浏览器的最右侧，但仍与类“left”位于同一行。我使用了justify content:flex-end，但它似乎不起作用。链接中的引用

正文{
字体系列：无衬线；
颜色：黑色；
高度：100vh；
}
.导航栏h3{
边框：1px#ccc实心；
显示：内联flex；
}
.左{
显示：内联flex；
}
.对{
显示：内联flex；
调整内容：灵活启动；
}

关于
接触
常见问题
管理预订
登录
登记
从500中找到你的理想汽车+

试试这个：

.right{
display: flex;
justify-content: flex-end;  
}

---

您的

navbar

类应该是

display:flex

和

justify content:space-between

：

正文{
字体系列：无衬线；
颜色：黑色；
高度：100vh；
}
navbar先生{
显示器：flex；
证明内容：之间的空间；
}
.导航栏h3{
边框：1px#ccc实心；
}
.左{
显示：内联flex；
对正内容：左；
}
.对{
显示：内联flex；
证明内容：正确；
}

关于
接触
常见问题
管理预订
登录
登记
从500中找到你的理想汽车+

您需要指出这是一个flex box，您可以通过将容器的设置设置为flex来实现这一点。显示：flex。之后你可以沿着X/Y轴移动元素，但这会使类“正确”地停留在另一条线上。有没有办法让班级“左”和“右”在同一条线上？