html - 从左到右自动定位div

Question

我将尝试比标题更好地解释这一点。

我有一个宽度 = $(window).width() 的大 div

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

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

从哪儿开始？

Answer 1

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

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

这是一个jsFiddle 演示（调整结果窗格的大小以查看它的实际效果）。