如何避免包裹子块元素？

Question

我有一个容器div .parent，其宽度为500px，其中包含很多子div .child。

问题是，子div正在被自动包装，在我的情况下，我希望它们继续在一行中，即使它们将被隐藏，之后我将添加自定义按钮以水平滚动{{1} } div。

演示：http://jsbin.com/egohi3

如何通过保持浮动来实现这一目标？

由于

Answer 1

使父元素具有white-space:nowrap，子元素为display:inline-block（而不是浮动）。以下是修改后的示例：http://jsfiddle.net/7we5q/

Answer 2

@ Phrogz的回答将起作用。您还可以在“parent”中添加另一个包装器<div>，并为其指定“overflow：hidden”和宽度（如“width：100000px;”）。