怎么让tab栏横着滑动？display既不是flex，又不是block

Question

如图，想要如下效果

但是，只有display既不是flex，又不是block的时候才能达到上面的效果，所以我就不知道怎么设置了。

Answer 1

div里面一个ul，ui里面的li左浮动，高度设置100%，宽自定义，ul宽度js计算，等于所有li宽之和，高100%，div宽是屏幕100%，高自定义，css属性设置overflow: auto;再把滑动条去掉。如果需要更好的滑动效果，给滑动加个动画效果，甚至可以加个滑到底还在滑，会弹回来一点。