使用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: .466666666666667rem;
     line-height: .466666666666667rem;
     font-size: .426666666666667rem;
     overflow-y: hidden; // 这个必须有
 }
 .tab .table-item {
     padding-left: .133333333333333rem;
     padding-right: .133333333333333rem;
     display: inline-block; // 这个必须有
 }

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