overflow-x滑动失效问题

原因：

1. 子级设置浮动元素：float
2. 父级出现换行

解决方案：

1. 父元素

   overflow-x: scroll;  //x轴滚动
   white-space: nowrap; // 不换行

2. 子元素

   display: inline-block;
   或者
   display: inline;

   子元素内容长度大于父元素设置宽度