.parent{
    width: 100%;    //显示的宽度
    overflow-x: scroll;  
    overflow-y: hidden; 
    white-space: nowrap;   //使只显示在一行。不换行
}
.child{
  width:100px;
  height:50px;
  display:inline-block;       
}
<div class="parent">
    <div class="child">1</div>
    <div class="child">2</div>
    <div class="child">3</div>
    ...
</div>

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。