小程序 scroll-view的scroll-x无效

 <scroll-view class="flex tab" scroll-x="true">
    <view>测试</view>
  </scroll-view>

/*我的全局样式*/
.flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  } 
/*page样式*/
.tab{position: fixed;top: 0; width: 100%;height: 100rpx;line-height: 100rpx;background: #fff;
overflow:hidden;/*重要代码-超出部分裁剪掉*/
flex-wrap: initial;/*因为我全局的flex设置了flex-wrap: wrap;所以需要这个*/
white-space:nowrap;/*重要代码-不换行处理*/
}
 ::-webkit-scrollbar {width: 0;height: 0;color: transparent;}/*元素的滚动条的样式*/
.tab view{height: 100rpx;line-height: 100rpx;font-size: 26rpx;color: #999;padding:0 20rpx;
display: inline-block;/*重要代码-设置子级盒子不独占一行的块级元素*/
overflow-wrap: break-word;/*溢出设置*/
}