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

Question

我有一个容器分区.parent与固定宽度500px其中包含很多子div .child。

问题是，孩子divs正在自动包装，在我的情况下，我希望他们继续在一行，即使他们将被隐藏，之后，我会添加自定义按钮水平滚动.parent股利。

演示：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;”）。