html如何让超出隐藏滑动,横向超出滚动，隐藏滚动条，可滑动

Document

body{

padding: 0;

margin: 0;

}

.box{

width: 100%;

height: 300px;

background-color: #00aaee;

}

.box .box-item{

display: flex;

flex-wrap: nowrap;

align-items: center;

/* width:200px; */

width: 100%;

height: 50px;

overflow-x: scroll;

overflow-y: hidden;

/* overflow: auto; */

white-space: nowrap;

background-color: #ff0000;

}

.box .box-item .item-group{

/* float: left; */

flex: 0 0 100px;

width: 100px;

text-align: center;

box-sizing: border-box;

border-right: 1px solid #ccc;

}

::-webkit-scrollbar {

display: none

}

1

2

3

4

5

6

7

8

9

10

11

12