使元素堆栈不在下面

Question

我无法正确解释....但是这里......我希望DIV在容器中向左浮动，以便......当它们的总宽度增加容器的宽度时......他们会制作一个水平滚动条，但在任何情况下都不会低于另一个...
比如容器的宽度是500px;
它包含5个儿童DIV，每个DIV的宽度为200px 现在，当我漂浮然后离开......他们堆叠成2连续，2排在下一行......例如：
div1 div2
div3 div4
DIV5
我想要他们这样的东西：
div1 div2 div3 div4 div5
滚动条......

Answer 1

我建议，而不是浮动它们，设置display:inline-block;，然后将white-space:nowrap应用于容器元素。

确保容器没有固定宽度。 （尽管最小宽度还可以。）

<强>更新 1）修复错误（感谢JOPLOmacedo） 2）工作示例：http://jsfiddle.net/t9Vnf/