Попробую объяснить, чего я хочу добиться. Я хочу, чтобы X-боксы с определенной шириной (250 пикселей )были установлены, но динамическая высота была помещена в тело. Но я хочу, чтобы они были максимально компактными, между ними не было лишнего пустого пространства.
Если бы все ящики имели одинаковую ширину и высоту, это было бы легко. Я мог бы, например, просто поставить на них float:left;
. Но когда высота ящиков является динамической, и все ящики имеют случайную высоту, я получаю пробелы между ящиками.
Позвольте мне показать два примера:
Это то, что я хочу:
Вот что я получаю в итоге:
Это мой CSS:
Пример HTML для блока:
Header 0
Erat volutpat. Sed rutr...
Полный исходный код:http://pastebin.com/UL1Nqyvm
Есть ли способ добиться этого с помощью CSS? Спасибо за любую помощь или указания!