Нужно спозиционировать блоки, которые находятся в 1 потоке, так, как это показано на картинке.
Своими силами смог лишь спозиционировать первые 3 блока таким образом
CODE ( htmlphp):
скопировать код в буфер обмена
div:nth-child(1) { float: left; } div:nth-child(2) { float: left; clear: left; } div:nth-child(3) { display: inline-block; }
Есть решение в группировке по 3 элемента, но хотелось бы, что бы блоки шли в 1 потоке.
Чуть позже скину ссылку на фиддл
(Добавление)
http://jsfiddle[dot]net/eeo6dnL2/
(Добавление)
Очевидно такое http://jsfiddle[dot]net/eeo6dnL2/1/ решение, но хочется знать, возможно ли не разделять на группы
(Добавление)
Забыл сказать, табличный вариант не предлагайте, он не подходит. Дело в том, что маленькие блоки имеют различную высоту, на картинке я забыл это отобразить. Прикреплено изображение (Нажмите для увеличения)
|