overflow-x:auto无效的可能原因：

（1）子元素用了浮动
（2）父元素自动换行了

解决方法：

父元素样式：

overflow-x: auto; // 水平方向内容溢出显示滚动条
width: 300px; // 根据实际情况设置宽
height: 30px; // 根据实际情况设置高
white-space: nowrap; // 不换行
子元素样式：
display: inline-block;
display: inline;
记得子元素不要用float:left;即使给父元素添加类clearfix 清除浮动了仍然无效。
移动端简单示例效果：