Перерасположение блоков из одной в две колонки по старинке

Question

[Вовка Соловьёв]

Подскажите, можно ли как-то лаконично реализовать перестановку из одной в две колонки синих блоков (фиксированная ширина, различная высота) относительно основного зелёного (желательно тянется) при изменении ширины браузера без использования JS и media queries?

Answer 1

[azverin]

Если сделать блоки 1,2,...6 фикс ширины, задать им float:left, а саму колонку сделать в % от ширины экрана, то при растягивании и достаточной ширине для двух блоков они будут в две колонки. Но правда красявости при укладке не получится.

Answer 2

[hom9k]

Первый вариант не представляю как можно сделать.
По второму варианту — поиграйтесь с флоатами или с display:inline-block. Возможно что-то устроит, но такой укладки блоков скорее всего не получится.