我如何做一个充满整个屏幕的导航栏？

您可以使用以下display: flex方法width: 100%来使项目居中并使导航栏变为全宽：

HTML：

<nav>
  <ul>
    <li>link1</li>
    <li>link2</li>
    <li>link3</li>
    <li>link4</li>
    <li>link5</li>
  </ul>
</nav>

CSS：

nav {
  width: 100%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  height: 50px;
}

nav ul {
  list-style-type: none;
}

nav ul li {
  display: inline;
  font-size: 20px;
}