分析：
子元素的宽度大于父元素时会出现滚动 overflow-x: scroll; 为水平滚动，overflow-y: scroll; 为垂直滚动，根据需求这里采用水平横向滚动。
（学习视频分享：css视频教程）
html代码：
立即学习“前端免费学习笔记（深入）”；
2元XXXXXX
满1000元可用
2元XXXXXX
满1000元减200
主要的css代码：
.content {
width: 100%;
overflow-x: scroll; // 子元素的宽度大于父元素的即可滚动
overflow-y: hidden;
border-radius: 4px;
}
.content::-webkit-scrollbar {
display:none
} // 隐藏滚动条
.content-list{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: left; // 使其脱离文档流 宽度为所有字元素的和
min-width: 100%;
}
.item {
width: 150px;
height: 50px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex: 3;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
}相关推荐：CSS教程
