css - flex布局实现div横向滚动

父盒子：

• display: flex;  //将容器设置为Flex布局。
• overflow-x: scroll;  //设置容器水平方向出现滚动条。
• white-space: nowrap;  //防止项目换行显示。

子盒子：

• flex: 0 0 auto;  //设置项目为固定宽度。
• width: 200px;  //设置项目的宽度。
• margin-right: 10px;  //设置项目之间的间距。