Сделать два html элемента main и aside одинаковой высоты

Рейтинг: 0Ответов: 3Опубликовано: 30.01.2015

Как бы ты реализовал задачу - сделать два html элемента main и aside одинаковой высоты, причем независимо от количества контента в каждой из них?

То есть у одной высота от наполнения контента 100px, у другой 900px. Обе должны стать 900px.

css html html5
Источник: Stack Overflow на русском

Ответы

▲ 5

Пишем обоим padding-bottom: 10000px; margin-bottom: -10000px;, оборачиваем при необходимости в overflow: hidden.

▲ 1

Я бы, при помощи js, присвоил высоте aside значение высоты main.

var innerHeight = $('.main').height();
$('aside').height(innerHeight);
▲ 1

http://jsfiddle.net/q2zdqr9e/ - а такой вариант подходит?