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

Question

我有四个div并排。我希望它们的高度相同，并且如果其中一个调整大小，则保持不变。意味着，如果一个人因为文本被放入其中而成长，那么另一个应该增长以匹配高度。

这是我的: Fiddle

请调整答案的宽度

谢谢。

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);
});

使用jQuery

Demo Fiddle