* {
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;
}