制作思想

• 用 ul li ，ul 类名：local-nav
• 大盒子用display：flex
• 里面的 li 各占一份 flex：1

index.html

  <!-- 局部导航 local-nav -->
  <ul class="local-nav">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>

index.css

/* 局部导航栏 local-nav */
.local-nav {
  display: flex;
  margin: 0 5px;
  height: 64px;
  background-color: #fff;
  border-radius: 10px;
}

.local-nav li {
  flex: 1;
}