强制不按行
#rec .list{
white-space: nowrap;
overflow: auto;
text-overflow: ellipsis;
}
#rec .list ul{
margin-bottom:10px;
font-size:0;
}
#rec .list li{
display:inline-block;
width:40%;
background:red;
margin:5px;
position:relative;
}
/* 手机端支持横向滚动但不显示滚动条 */
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
background: transparent; /* optional: just make scrollbar invisible */
height:0px;
}
/* --滚动条颜色 */
::-webkit-scrollbar-thumb {
background:red;
}
看看