移动端横向滚动

横向排版中的问题

1. 使用float

float会自动换行，无法实现滚动效果

2. 使用display

使用 display: inline-block 想为单个<li>添加下边框时发现边框之间存在间隔
可以通过给margin设负值解决

3. 使用flex（最方便）

ul {
  display: flex;
  overflow-x: scroll;
}
li{
  white-space: nowrap;
}