Колонки одинаковой высоты
2 августа 2009
Web-разработка
Существует очень много решений, от километров 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;
}
Вот и всё! Гениально, как по мне.

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