Колонки одинаковой высоты

Существует очень много решений, от километров css до использования jQuery. Но есть один очень интересный, эффективный и лаконичный метод. Неизвестно кто его придумал, так что авторство указать не могу. Ну и ладно :)

ХТМЛ-ная часть:

<div class="cols">
  <div class="col1">Текст 1</div>
  <div class="col2">Текст 2</div>
  <div class="col3">Текст 3</div>
</div>

CSS:

.cols {
     overflow: hidden;
     width: 100%;
}
.cols .col1, .cols .col2, .cols .col3 {
     padding-bottom: 10000px;
     margin-bottom: -10000px;
}

Вот и всё! Гениально, как по мне.

Никаких комментариев пока нет. Вы можете быть первым!

↓ Можете опубликовать своё мнение