html - 如何阻止 div 换行？

Question

我用 CSS 定义了一个 div：

height: 100%;
width: 360px;
float: left.

现在，我有一个按钮可以动态地将这些 div 添加到正文中。问题是当浏览器窗口太多而无法容纳时，它们会将下一个 div 像这样放在其他 div 的下方。

|bar|  |bar|  |bar|
|bar|  |bar|
|<---- Page width ---->|

现在，我想要的是让它像这样继续向右移动：

|bar|  |bar|  |bar|  |bar|  |bar|
|<---- Page width ---->|

当然，还会有一个滚动条。如果没有定义，这可能吗？

body {
    width: XXXpx;
}

Answer 1

代替 using float: left;，您可以使用display: inline-block;并使用 包装在容器中white-space: nowrap;。

http://jsfiddle.net/Jeff_Meadows/JJ5kT/