Как сделать разную высоту блоков без нарушение верстки?

Question

[Sergey750il]

Есть новостной сайт. Вывод превью новостей идет в блоках, каждый блок занимает 25% ширины и ему задана float: left. Вопрос в том как сделать так, что бы можно было делать разную высоту блоков, но при этом верстка не плыла?

Answer 1

[devstudent]

самый лучший вариант - каждый из трех блоков новостей обернуть в див-колонку и тогда они будут выстраиваться кирпичиками, красиво в каждой колонке отдельно. вот мой опыт dev.olga.mukovoz.com/modelagency/index.html

Comments

[bro-dev]

А как быть при неизвестном контенте? вдруг у нас в первой колонке посты по 1 строчке, а во второй по 10? Да можно самому через js все это контролировать и мешать, но это велосипед зачем если уже есть готовые решения.

[devstudent]

решение не идеальное, есть свои минусы, например тормоза и ошибки при работе с изображениями. поэтому я и говорю, самое лучшее. ну и что , пусть в 1 колонке по 1 строчке , они будут выстраиваться независимо от высоты постов во второй

Answer 2

[bro-dev]

Масонри грид это называется.