纯css实现横向滚动条--移动端 * {
margin:0;
padding:0;
}
li {
list-style:none;
}
.box1 {
width:320px;
height:60px;
overflow:hidden;
/
* 超出隐藏滚动条 */
background-color:skyblue;
}
.box1 .wrap {
width:320px;
/* 和⽗盒⼦宽度⼀样 */
height:76px;
/* ⽐⾥层元素⾼16px 为了隐藏滚动条*/
overflow-x:scroll;
/* 定义超出此盒⼦滚动 */
overflow-y:hidden;
}
.box1 .wrap ul {
width:640px;
display:flex;
}
.box1 .wrap ul li {
flex:1;
width:60px;
height:60px;
box-sizing:border-box;
}css设置表格滚动条

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。