Что можно сделать для решения проблемы с неправильным расчётом высоты родителя у элементов inline-block?

Question

[gigi1988]

При выводе списка в 3 колонки имеется следующая проблема. Без display: inline-block. Элементы могут разрываться. C inline-block снизу образуется лишнее свободное пространство.
Пример тут.
Браузер Chrome Версия 39.0.2171.99 m

Comments

[Billy Milligan]

Примера нет)

[gigi1988]

Billy Milligan: Поправил. Спасибо :)

[Billy Milligan]

gigi1988: Вы хотите что бы все блоки в колонках были одного размера?

[gigi1988]

Billy Milligan: Нет. Блоки разной высоты. Нужно чтобы вот так получилось: s50.radikal.ru/i129/1103/96/49082ab6107c.gif

Answer 1

[Тимофей]

Такое inline-block'ами не решить, тут нужно копать в сторону display: table-cell, table-row.

Comments

[gigi1988]

А можно ссылку на пример?

[Тимофей]

gigi1988: гугл даст кучу примеров

Answer 2

[Billy Milligan]

Я уже отвечал на что то подобное, если правильно Вас понял вот
Нужно DIV с float: left; сделать в котором находится сама новость.

Answer 3

[Вадим Белкин]

Решения через js не рассматриваете? Masonry или Isotope