<div style=" background:#ffFFFF;padding:0px;width: 100%;height: 400px;margin: 0px;overflow:hidden;">
<ul style="background:#ffffff;padding:0px;white-space: nowrap;vertical-align:top;width: 100%;height: 330px;margin: 0px;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling : touch;">
<li style="display: inline-block; vertical-align:top;width: 100px; margin: 0px;padding: 0px;">
</li> <!--添加多个li-->
</ul>
</div>
最外层div的作用是遮挡滚动条,去掉div查看效果
ul
-webkit-overflow-scrolling : touch;这个属性可以去掉
vertical-align:top;顶端对齐
overflow-x:scroll;overflow-y:hidden;滚动条
white-space: nowrap;内容不换行
li
display: inline-block;行内块