<div class="infoShow" style="margin-top:5px;">
    <ul id="info">
         <!--<li><a href="#">sfafjd;afja;ffsafafsfadffasdfasfasfasdfasdf</a></li>-->
         <!--<li>sfafjd;afja;fasdfadsfasfdasfasfdasfasdfasdfas</li>-->
                     js代码：  .infoShow{        border:1px solid #000;        overflow-y:auto;        height:340px;    }    .infoShow ul{        margin:0px;        padding:0px;        float:left;        white-s...
				
哎！最近笨人又遇到了关于使用css3实现ul 横向滚动的问题了，知道很简单，突然间想不起来！灰常苦恼，就写下这篇文章来加深记忆！（当然我也在度娘上搜了一波，发现没有满意的答案，就把这篇文章分享给 同我一样奋斗在前端岗位上的各位同仁吧！）
来来来！上干货！
先写一个包裹层 div
	在写一个包裹li的ul
	最后写很多li
css部分
用到 文本不换行 white-space...
<template>
  <div class="scrolList" ref="box" :style="scrolStyle">
    <div class="top" v-if="showMask"></div> // 这里是加了一个遮罩过度
    <div.
				
最近的需求需要给一排图片加横向滚动，大家都知道用ul li之后里面的li都是设置了float：left，这样会导致就算你设了width，横向滚动也是无效的，所以我的办法就是不给他设float，但是可以排列整齐 嘻嘻
先上效果图：
这是比较简单的效果 没做美化。。
然后贴代码：
<div class="div-rymodal col-md-9">