Как задать одинаковую высоту двум блокам div?

Question

[keche]

Есть два рядом стоящих блока div.
У них разная высота, потому что в первом блоке больше текста чем во втором.
Как выровнять их высоту, присвоить высоту первого блока второму, где меньше текста? Только без использования flexbox!

Пример прилагаю.

Comments

[Yustas Alexu]

Гуглить пробовали?

Answer 1

[Ankhena]

function setEqualHeight(columns){
        var tallestcolumn = 0;
        columns.each(function(){
            currentHeight = $(this).height();
            if(currentHeight > tallestcolumn){
                tallestcolumn = currentHeight;
            }
        });
        columns.height(tallestcolumn);
    }
    setEqualHeight($(".my-div"));  /*делаем блоки одинаковой высоты*/

Но флексом-то разумнее.

Comments

[keche]

Но флексом-то разумнее.

Для новых браузеров да, но для старых - будут проблемы с отображением.

[Ankhena]

keche: да, естественно зависит от ЦА. По факту уже пару лет верстаю флексами, практически наплевав на старые браузеры и не испытываю проблем.