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

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