CSS横向滚动

Flex版本

.super {
  display: flex;
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
}
.sub {
  width: 200px;
  height: 50px;
  flex-basis: 200px; 子容器基准大小
  flex-shrink: 0; 表示在不伸缩的情况下子容器的原始尺寸
}

常规版本

.super {
  width: 100%;
  overflow-x: scroll;
  white-space: nowrap;
}
.sub {
  display: inline-block;
  width: 200px;
  height: 50px;
}