咋回事啊，怎么在下面

img

哈喽，简单写个flex布局实现的方式，你可以参考一下~

<!DOCTYPE html>
<html>
  <head>
    <style>
      .out{
        display: flex;
        justify-content: space-around;
        align-items: center;
        background:#e3e4e6;
      }
      .nav{
        display: flex;
        list-style: none;
      }
    </style>
  </head>
  <body>
    <div class="out">
      <a>
        aaa|
      </a>
      <ul class="nav">
        <li>
          bbb|
        </li>
        <li>
          ccc|
        </li>
        <li>
         ddd|
        </li>
        <li>
          eee|
        </li>
      </ul>
    </div>
  </body>
</html>

你html样式写的不对。可以用绝对布局。

最好能看一下代码