Динамический плавающий макет с помощью CSS

Попробую объяснить, чего я хочу добиться. Я хочу, чтобы X-боксы с определенной шириной (250 пикселей )были установлены, но динамическая высота была помещена в тело. Но я хочу, чтобы они были максимально компактными, между ними не было лишнего пустого пространства.

Если бы все ящики имели одинаковую ширину и высоту, это было бы легко. Я мог бы, например, просто поставить на них float:left;. Но когда высота ящиков является динамической, и все ящики имеют случайную высоту, я получаю пробелы между ящиками.

Позвольте мне показать два примера:

Это то, что я хочу:

This is what I want

Вот что я получаю в итоге:

This is what I end up with

Это мой CSS:


Пример HTML для блока:

Header 0

Erat volutpat. Sed rutr...

Полный исходный код:http://pastebin.com/UL1Nqyvm

Есть ли способ добиться этого с помощью CSS? Спасибо за любую помощь или указания!

8
задан Ozzy 29 August 2013 в 11:31
поделиться