项目需求：

实现天气24小时预报，类似于华为等天气app，有个可以滑动的区域

完成效果

分析

在web中，我们要实现滚动特效，只需要设定一个高度or宽度，然后使用overflow: scroll;就可以出现一个滚动条了。
那么同理，我们这边也这么实现。

.nav {
  // 因为要水平滚动，可以设置100%
  width: 100%;
  // 水平不换行！！！实现关键
  white-space: nowrap;
  // 出现水平方向的滚动条
  overflow-x: scroll;
  // 如果溢出高度不够，就要隐藏，
  overflow-y: hidden;
}

如此实现，那么你就基本实现了水平滚动
但是有个滚动条就有点丑，不要怕，只需要隐藏就好了

.nav::-webkit-scrollbar {
 display: none;
}