flexbox的row reverse属性没有反转行?

float属性不是flex的一部分。这将阻止它做它应该做的事情,因为你强迫它向右浮动。flex有自己的方法。其名为justify content-flex start、flex end、center、space between和space around。试试哪个适合你。

好吧,我找到了答案。@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>

在css中我现在有了这个,它很容易修复:

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