С этим согласен, идея та же, исполнение немного другое. Но опять повторюсь: способ Чикуёнка у меня не сработал, даже когда я просто скопировал код из его примера.
Жаль, но можно просто сверстать таблицей, правда это считается черновым способом, так как таблицы предназначены для вывода табличных данных. Просто условием этой задачки является не использовать таблиц ни в каком виде.
Простите, но это другой способ. При попытке решить эту задачу я в первую очередь пробовал применить его, но он оказался нерабочим и запутанным. Там используется position:relative, top, left для позиционирования блоков, в то время как у меня float и margin.
В методе, описанном в данной статье, высота блоков не задается ни в каком виде, они увеличиваются одинаково вслед за увеличением контента. А при использовании box-sizing, мне необходимо указать высоту блоков, чтобы они были одинаковы, но когда контент превысит заданную высоту, то блоки опять станут разной высоты, либо контент обрежется/выйдет за границы блоков.
А разве при box-sizing не придется ставить статическую высоту? Мое решение предоставляет динамическое изменение высоты блоков в зависимости от размера контента, тогда как в вашем случае необходимо намертво ограничить высоту.
Согласен, но подобного решения я не нашел в интернете и сам к нему пришел. Получилось все настолько просто, что другие способы кажутся слишком сложными и запутанными. Вот решил написать сюда пост для других людей, которые столкнутся с данной проблемой.
(извините, теги вставил, а их обрезало, не нашел как редактировать комментарии)
имеют одинаковую высоту, но выстраиваются в отдельные колонки.