用CSS实现横向滚动条

在进行app制作时，需要使用横向滚动条是内容展示更完善

首先，这是html代码：

这是CSS代码：

要点：

1. 设置显示内容的宽
2. white-space是防止内容自动折行
3. overflow-y设置为hidden，否则会出现上下滚动条
4. ::-webkit-scrollbar可以设置滚动条样式，display：none，去掉滚动条

效果：