Javascript CSS水平滚动

我正在努力创建水平滚动效果。。。我需要有2行在我的容器，将滚动水平

.blocks容器{
宽度：100%；
}
.街区{
宽度：16.6666%；
高度：200px；
浮动：左；
背景：#ccc；
边框：1px实心#fff；
框大小：边框框；
}

---

使用此CSS删除左侧浮动，并在行中添加显示

.blocks-container { width: 100%; white-space: nowrap; }
.block { width: 16.6666%; height: 200px; background: #ccc; border: 1px solid #fff; box-sizing: border-box; display: inline-block;}

---

使用此CSS删除左侧浮动，并将显示添加到行中

.blocks-container { width: 100%; white-space: nowrap; }
.block { width: 16.6666%; height: 200px; background: #ccc; border: 1px solid #fff; box-sizing: border-box; display: inline-block;}

---

如果您可以管理哪些项目必须显示在第一行或第二行中，我建议使用内联块显示并设置溢出x&y，如下所示：

.blocks容器{
宽度：100%；
高度：400px；
溢出-x：滚动；
溢出y：隐藏；
空白：nowrap；
边框：1px实心#ddd；
背景色：#fbfb；
}
.街区{
宽度：16.6666%；
高度：200px；
背景：#ccc；
边框：1px实心#fff；
框大小：边框框；
显示：内联块；
浮动：无；
}

---

如果您可以管理哪些项目必须显示在第一行或第二行中，我建议使用内联块显示并设置溢出x&y，如下所示：

.blocks容器{
宽度：100%；
高度：400px；
溢出-x：滚动；
溢出y：隐藏；
空白：nowrap；
边框：1px实心#ddd；
背景色：#fbfb；
}
.街区{
宽度：16.6666%；
高度：200px；
背景：#ccc；
边框：1px实心#fff；
框大小：边框框；
显示：内联块；
浮动：无；
}

正常，但此解决方案不完整。我还有一行。请将您的设计截图发送给我。我将设计并发送给您。无需，我已经达到了预期效果，谢谢您的帮助：）好的，但此解决方案尚未完成。我还有一行。请将您的设计截图发送给我。我将设计并发送给您。无需，我已经达到了预期效果，谢谢您的帮助：）