使元素堆叠不低于答案

【问题标题】：making elements stack left not below使元素堆叠不低于
【发布时间】：2012-08-12 17:42:09
【问题描述】：

我无法正确解释它......但它是......我希望 DIV 在容器中向左浮动，这样......当它们的总宽度增加容器的宽度时......他们将制作一个水平滚动条，但在任何情况下都不会彼此下方...
就像容器的宽度是 500px;
它包含 5 个子 DIV，每个 200px 宽度
现在，当我漂浮然后离开时...它们像一行中的 2 个和下一行中的 2 个一样堆叠...例如：
div1 div2
div3 div4
div5
我想要他们这样的东西：
div1 div2 div3 div4 div5
带有滚动条...

【问题讨论】：

标签： css

【解决方案1】：

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

并确保容器没有固定宽度。（不过最小宽度还可以）。

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

【讨论】：

` #handler { 位置：绝对；高度：225px；空白：不换行；左：0px； } #handler .item{ 显示：内联块；填充：0px 10px； }`
这可能是最好的解决方案。您看不到它工作的原因是因为它应该是white-space: nowrap; 而不是white-space: nowrap;。那里有一个额外的炒作。看看jsfiddle.net/cquQB/3
@JOPLOmacedo：感谢您的关注。我已经更新了帖子，一个
嘿，但现在有一个新问题...看到这个 -jsfiddle.net/t9Vnf/1 ..现在子 div 中的文本溢出了..而不是进入下一行....