如何在我的导航中找到一个灵活的项目，使其向右对齐，紧挨着我的汉堡

Question

将我的暂存站点粘贴到此处：http://staging-netpayadvance.kinsta.cloud/

我很难将登录和应用按钮对齐到汉堡旁边的右侧。它与我的标志保持左对齐。

我试过使用justify-content: flex-end，但似乎不起作用。我对flexbox不太熟悉，但我想这与我在导航上使用flex-direction: row-reverse有关？

Answer 1

在导航中的div.content上添加flex-grow: 1；

@media screen and (max-width: 1400px)
header .wrapper nav > .content {
display: flex;
flex-grow: 1;
}

这将使div.content占用尽可能多的空间，不断增长，并且与您当前的css对齐，正好位于汉堡图标旁边