Время от времени при верстки всплывает задача что надо сделать две плавающих колонки одинаковой высоты. Сущесвуют куча вариантов: начиная от того чтобы представить что это не float блоки, а ячейки одной таблицы, и заканчивая использованием JavaScript с вычислением максимальной ширины и присваивания ее всем колонкам.
Наткнулся на довольно интересный «хак», который должен работать везде и без проблем
Хак заключается в том что для каждого элемента (колонки) задается «гиганский» отступ снизу, и на такую же величину делается отрицательный отступ с низу. Т.е. в стиль каждой колонки добавляется:
padding-bottom: 1000em;
margin-bottom: -1000em;
Внежний же контейнер заставляем скрывать то что выходит за его границы:
overflow:hidden;
Вот и все. В результате колонки визуально имеют одинаковую высоту. И при этом нет проблем с резинкой верстки.