Html Flexbox&x27；s row reverse属性是否正在反转行？

我正在为我的网站制作导航栏，我注意到如果我在右边使用

float:right

链接，它们会颠倒顺序。我想我可以用Flexbox的

弹性方向：反向行

。但这似乎不起作用

以下是负责重新扭转这种影响的代码：

.headerItem{
显示：块；
左侧填充：7px；
右侧填充：7px；
浮动：对；
显示器：flex；
弯曲方向：行反向；
}

---

任何提示/帮助？

浮点属性不是flex的一部分。这将阻止它做它应该做的事情，因为你强迫它向右浮动。Flex有自己的方法。它被称为“调整内容”-弹性起点、弹性终点、中心、中间空间和周围空间。试试哪一个适合你。

好的，我找到了答案@jmag提供了一些有用的信息，一些进一步的谷歌搜索也提供了帮助。新的导航栏如下所示：

<div id="header">
    <span id="headerLogo">XaafCode</span>

    <div id="navbar">
      <a href="/index.html" class="headerItem" id="active">Home</a>
      <a href="#" class="headerItem">Portfolio</a>
      <a href="/contact.html" class="headerItem">Contact me</a>
  </div>
</div>

#navbar, #header { justify-content: space-between; }