.com-menus{ width:100%; height:68px; overflow: hidden; overflow-x: auto; background:#f3f3f3; padding-top:5px; &::-webkit-scrollbar { width:5px; height:5px; background-color: #CCC; } &::-webkit-scrollbar-thumb{ background-color:#b9deff; } .menus-out{ width:100%; height:100%; } .group-item{ display:flex; flex-direction: row; font-size:12px; margin-right: 10px; float:left; /* background:#e2e2e2; */ margin-left:5px; border-radius: 5px; padding-top:5px; padding-bottom:5px; .items-name{ font-size:14px; display: flex; width:25px; justify-content: center; align-items: center; margin-left:10px; border-right:1px solid #CCC; font-weight: bold; } .menus{ display: flex; justify-content:center; align-items: center; .menu{ display: flex; flex-direction: column; align-items: center; justify-content:center; width:60px; .icon{ width:32px; height:32px; display: flex; align-items: center; justify-content:center; .svg-style{ width:24px; height:24px; } } } } } .group-item0{ /* width:500px; */ overflow: hidden; } }