导航栏横向滑动

HTML

   <div class="partnership">
      <ul class="box2">
        <li class="partner_item">1</li>
        <li class="partner_item">2</li>
        <li class="partner_item">3</li>
        <li class="partner_item">4</li>
      </ul>
    </div>

Css样式

 .partnership {
    background: #f8f5f0;
    padding-bottom: 80px;
    overflow-y: hidden;
    overflow-x: scroll;
    ul {
      display: flex;
      list-style: none;
      li.partner_item {
        width: 280px;
        height: 180px;
        background: #ffffff;
        border-radius: 10px;
        margin: 15px;
        flex-shrink: 0;
      }
    }
  }