ul 下的li 横向不换行，可以拖动

<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;行内块