如何阻止div包装？

Question

我用CSS定义了一个div:

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

现在,我有一个按钮,可以动态地将这些div添加到正文中.问题是,当有太多不适合浏览器窗口时,它们将下一个div包装在其他下方,就像这样.

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

现在,我想要的是它继续向右走这样:

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

当然,会有一个滚动条.这可能没有定义吗？

body {
    width: XXXpx;
}

Answer 1

float: left;您可以使用display: inline-block;和包装容器而不是使用white-space: nowrap;.

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