调整与另一个Div相关的Divs高度

Question

I have four divs side by side. I'd like the height of them to be the same, and stay the same if one of them resizes. means, if one grows because text is placed into it, the other one should grow to match the height.

Here is my : Fiddle

Please resize the width of answer

Thank you.

Answer 1

这是您应该使用display：flex的解决方案

jsfiddle.net/94uvouzw/7/

Answer 2

$(document).ready(function(){
    var height;
    var maxHeight = 0;
    $(".test").each(function(){
        height = $(this).height();
        if(height > maxHeight) {
            maxHeight = height;
        }
    });
    $(".test").css("height",maxHeight);
});

By using jQuery

Demo Fiddle