css3 横向滚动条

单项固定宽度 利用flex布局不用写宽度

div.scroll

ul

li

.scroll{

width:300px;

overflow-y: hidden;

overflow-x: auto;

}

ul{

display: flex;

flex-direction: row; //横向排列

}

li{

flex-shrink: 0 //不影响li宽度

}