從左到右自動定位div

Question

我會盡力解釋這個比標題更好。

我有一個寬div = $（窗口）。寬（）


現在我將有一個未定數的div與圖像作爲背景。

我想這一切都是從左到右定位到大格。由於大div將有不同尺寸（屏幕分辨率），但與圖像的div將始終具有相同的大小（全部300x200）...我想舉例，如果只有4個div與圖像適合第一行，第五個圖像div去到第二行。

從哪裏開始？

Answer 1

只需爲容器內的div元素定義寬度，然後將它們左移即可。例如：

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

這裏有一個jsFiddle demo（調整結果窗格中看到它在行動）。