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

【问题标题】：Adjust Divs height related to another Div调整与另一个 Div 相关的 Divs 高度
【发布时间】：2018-01-26 21:39:55
【问题描述】：

我有四个并排的 div。我希望它们的高度相同，并且如果其中一个调整大小时保持不变。意思是，如果一个因为放置文本而增长，另一个应该增长以匹配高度。

这是我的:Fiddle

请调整答案的宽度

谢谢。

【问题讨论】：

嗯，有 2 个并排在 2 行中，所以您的意思是它们 4 个都应该具有相同的高度？ ...或者所有 4 个都应该在同一行？
@LGSon，在较小的屏幕上这不是问题。但更大的屏幕它分成 2 行。所以，到时候问题就发生了。
好的，要使不同行上的元素具有相同的高度，您需要一个脚本...同一行上的元素可以使用 CSS 保持相同的高度，这通常更重要，因此它们都正确垂直对齐
@LGSon 所有 4 人都具有相同的高度。请帮助我做到这一点。我不熟悉脚本。
我更新了您的标签以包含脚本，以吸引在基于脚本的解决方案方面有更多经验的用户

标签： javascript jquery html css

【解决方案1】：

$(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

【讨论】：

您可以随时将 JSFiddle 添加到您的 jquery 答案中，以使其更清晰和可接受。

【解决方案2】：

这是你应该使用 display:flex 的解决方案

jsfiddle.net/94uvouzw/7/

【讨论】：