方案一:
#list{
overflow-x: auto;white-space:nowrap;
}
.item{
margin-left: 20px;display: inline-block;
}
方案二:
使用用flex-box布局
#list {
displey:-webkit-flex;
display: flex;
-webkit-flex-flow:row nowrap; //设置排列方式为横向排列,并且超出元素不换行
flex-flow:row nowrap;
overflow-x: auto;
}