Css 如何避免子块元素被包装？

我有一个固定宽度的容器div

.parent

，其中包含很多子div

.child

问题是子div被自动包装，在我的例子中，我希望它们在一行中继续，即使它们将被隐藏，然后我将添加自定义按钮以水平滚动

.parent

div

演示：

如何通过保持浮动来实现这一点

---

感谢

使父元素具有

空白：nowrap

，子元素显示为

内联块

（而不是浮动）。下面是一个修改后的示例：

使父元素具有

空白：nowrap

，子元素显示为

内联块（而不是浮动）。下面是一个修改后的示例：
@Phrogz的答案将起作用。您还可以在“parent”中添加另一个包装，并给它“overflow:hidden”和一个巨大的宽度（如“width:100000px；”）。
@Phrogz的答案将起作用。您还可以在“parent”中添加另一个包装器
，并为其指定“overflow:hidden”和一个巨大的宽度（如“width:100000px；”）