Планировка двухэтажного плавающего объекта, остановка горизонтального выравнивания?

Question

У меня есть макет для статей в формате двух столбцов, каждая статья в своем собственном .box-wrap, плавающая с CSS для складывания в столбцах.

Проблема заключается в том, что следующий флажок правильно пропускает столбец, но он создает (иногда огромный) край, так что верхняя часть его выравнивается с нижней частью вышеуказанного поля в противоположном столбце.

Я сделал бы это прекрасно работает с двумя столбцами фактически определены как отдельные div элементов, но тогда требуется две петли (я использую Wordpress для CMS), что означало, что я не (особенно легко) может иметь «бесконечный прокрутка» работает в обеих колонках.

У меня нет скрипки, потому что он работает достаточно, чтобы у меня было это вживую, см. news.enigma-tech.co.uk.

Любые предложения?

Заранее спасибо.

EDIT: Теперь использование масонства на предложение. Но это не работает. Он, кажется, замедлил загрузку сайта, но на самом деле не имел желаемого эффекта.

Answer 1

Вы хотите добиться эффекта, подобного Masonry? Это невозможно сделать в чистом CSS