我会把它放在一个div中，这样它们就彼此相邻了。 因此，与其单独进行，不如将其放入一个div中。 如果不起作用，则必须使用

*elementname* {
   position:relative;
   right:-200px;
   top:-150px;
}

您可以根据您的喜好进一步调整它

我建议将logo和导航菜单都设置为内联块，这样它们就不会将彼此推到新的行。

null

header>#logo,
header>nav {
  display: inline-block;
}

<header>
  <div id="logo">
    LOGO HERE
  </div>
  <nav>
    <a href="#">Home</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
  </nav>
</header>

您可以简单地将两个元素包装到flex容器中

null

header {
  display: flex;
  justify-content: space-between;
}

// for demo
ul {
  padding: 0;
  margin: 0;
}
li {
  display: inline-block;
}

<header>
  <div class="logo">
    Your logo here
  </div>
  <nav>
    <ul>
      <li>link 1</li>
      <li>link 2</li>
      <li>link 3</li>
    </ul>
  </nav>
</header>