Рубрики
Верстальщику

Кросс-браузерное CSS-решение создания колонок с равной высотой

Гениальное и простое решение предложил Matthew James Taylor в своей статье. Данное решение основано на чистом CSS без хаков, без применения картинок и Java-Script. В своей статье Мэтью сначала описывает саму проблему создания колонок с равной высотой, а потом предлагает само решение проблемы.

Проблема

Я не буду описывать полностью всю проблему создания блоков (div) одинаковой высоты в независимости от контента, думаю, что иллюстрация все прекрасно поясняет. Скажу лишь что основная проблема в том, что высота блока зависит от  контента в нем. К сожалению к div мы не можем применить heigh:100%;, либо фиксированная высота в пикселях, что очень нежелательно, либо зависимость от контента. В общем, на этом ограничим пояснение сути проблемы и перейдем к решению.