Автоматическое позиционирование div слева направо

Question

Я попытаюсь объяснить это лучше, чем в заголовке.

У меня есть большой div с шириной = $ (window) .width()

Теперь у меня будет неопределенное количество div с изображениями в качестве фона.

Я хочу, чтобы все они позиционировались слева направо в большой div. Из-за большого div будет иметь разные размеры (разрешение экрана), но divs с изображениями будут иметь одинаковый размер всегда (все 300x200) ... Я хочу, например, если только 4 divs с изображениями вписываются в первую строку, пятое изображение div идет во вторую строку.

С чего начать?

Answer 1

Просто укажите свою ширину для элементов div внутри вашего контейнера и поплавьте их влево. Например:

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

Вот jsFiddle demo (размер панели результатов, чтобы увидеть его в действии).