移动导航是偏移的，高度不需要100VH

Question

我正在尝试使我的导航填充整个屏幕（它将隐藏在右上角并滑到中心），但是它的左侧有这个怪异的边距。

另外高度：100VH;它不采用100％的视图高度。

@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&family=Fraunces:opsz,[email protected],400;9..144,700&display=swap");

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

header {
  background-color: aquamarine;
  height: 3.5rem;
  padding: 0 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.open-menu, .close-menu {
  font-size: 2rem;
}

nav {
  background-color: bisque;
  height: 100vh;
  width: 100vw;
  position: fixed;
}

<header class="menu">
    <h1>Logo</h1>
    <nav class="nav">
      <ul>
        <li><a href="#" class="links">About</a></li>
        <li><a href="#" class="links">Services</a></li>
        <li><a href="#" class="links">Projects</a></li>
        <li><a href="#" class="links cta">Contact</a></li>
      </ul>
      <button class="close-menu">
          close
      </button>
    </nav>
    <button class="open-menu">
        open
    </button>
  </header>

Answer 1

我不太确定为什么，但是使用

left: 0;
top: 0;

解决了问题