从左到右自动定位div

Question

我会尝试更好地解释这一点而不是标题。

我有一个宽的div = $（窗口）.width（）

现在我将有一个未确定数量的div，图像作为背景。

我希望这一切都是从左到右定位到大div。由于大div将有不同的大小（屏幕分辨率），但与图像的div将始终具有相同的大小（所有300x200）...我想要例如，如果只有4个div与图像适合在第一行，第五个图像div去到第二行。

从哪里开始？

Answer 1

只需为容器内的div元素定义宽度，然后向左浮动它们。例如：

div.container > div {
    width: 300px;
    height: 200px;
    float: left;
}

这里是jsFiddle demo（调整结果窗格大小以查看其效果）。