Как на jquery сделать чтобы один блок всегда был равен высоте другого блока?

Question

[Martyer]

Здравствуйте.
На страничке присутствует два блока, которые растягиваются по мере добавления в них контента.
Левый блок всегда выходит ниже правого, что не очень красиво.
Как можно сделать так, чтобы левый блок всегда брал высоту правого даже если в нём меньше контента?
Буду благодарен любым подсказкам.

P.S Я новичок в этом деле, пробовал и написал вот такой код, однако он не хочет работать...

function height(){
 $(".col-md-7").css("min-height", $(".col-md-5").height());
};

Answer 1

[Homsa Toft]

Bower install matchHeight.

Answer 2

[Евгений Петров]

А кто будет учитывать padding и border?
Либо пропишите блоку с .col-md-7

.col-md-7 {
	box-sizing: border-box;
}

Ну, или всё по-взрослому. Находите значения paddingTop, paddingBottom, borderTopWidth, borderBottomWidth и вычитайте из полученной величины. Вот тогда можно и min-height оперировать.

Comments

[Martyer]

Снова огромное вас спасибо )