使用css实现移动端导航条滚动

<div class="tab">
  <div class="table-item">
    <span class="tab-link">首页</span>
  </div>
  <div class="table-item">
    <span class="tab-link">时政</span>
  </div>
  <div class="table-item">
    <span class="tab-link">思想理论</span>
  </div>
  <div class="table-item">
    <span class="tab-link">党建经验</span>
  </div>
  <div class="table-item">
    <span class="tab-link">最新动态</span>
  </div>
  <div class="table-item">
    <span class="tab-link">中铁鲁班商务网</span>
  </div>
</div>

.tab {
    white-space: nowrap; // 这个必须有
    height: 1.466666666666667rem;
    line-height: 1.466666666666667rem;
    font-size: 0.426666666666667rem;
    overflow-y: hidden; // 这个必须有
}
.tab .table-item {
    padding-left: 0.133333333333333rem;
    padding-right: 0.133333333333333rem;
    display: inline-block; // 这个必须有
}

这个demo在浏览器模拟的时候会有底部滚动条，当在真机上时，滚动条会消失