Javascript 如何以水平方式溢出元素？

那么，如何使这些蓝色方块水平溢出，使水平滚动条出现（对于页面而不是div），并使其灵活，以便在添加新方块时可以扩展。。而且任何人都可以使用CSS、Javascript或Jquery，一点问题都没有！先谢谢你

.测试{
背景：蓝色；
宽度：372.1478174125px；
高度：230像素；
保证金：5px；
浮动：左；
显示：内联块；
}
.水平{
背景：灰色；
高度：640px；
边际：0px；
填充：0px；
空白：nowrap；
}
你好你好
你好
你好
你好
你好
你好
你好
你好
你好

您需要删除

浮动：左，因为
空白：nowrap对浮动项目本身没有任何影响

别忘了添加
overflow-x:auto到容器


。水平{
背景：灰色；
高度：640px；
边际：0px；
填充：0px；
空白：nowrap；
溢出-x:自动；/*新*/
}
.测试{
背景：蓝色；
宽度：372.1478174125px；
高度：230像素；
保证金：5px；
/*浮动：左*/
显示：内联块；
}

你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
非常感谢，这很有效，但最后一件事是，我如何使用javascript、jquer或css使这些方块在两行（而不是本代码中的一行）上流动，所有这些都被接受：我认为在你想包装的地方之前添加一个
可能是最简单的方法-。您可能需要为此发布一个新问题。