HTML/CSS内容高度最大

我想修复容器中不同内容大小造成的间隙

---

选项1：在每个框上设置一个最小高度，您确信该最小高度足以容纳最大的框：

.box {
  min-height: 200px;
}

选项2：使用javascript获得任何框的最大高度，并将每个框设置为该高度

var maxBoxHeight = 0;

$('.box').each(function(){
  var height = $(this).height();

  if(height > maxBoxHeight) {
    maxBoxHeight = height;
  }  
});

$('.box').css({'height', maxBoxHeight + 'px' });

你想使用的是（除了填充高度外，它还有很多用途）

---

非常感谢第一个选项起作用，但我想使用jq，它一直说最后一条道有错误：）也许我只是个傻瓜，我不知道如何使用它。

var maxBoxHeight = 0;

$('.box').each(function(){
  var height = $(this).height();

  if(height > maxBoxHeight) {
    maxBoxHeight = height;
  }  
});

$('.box').css({'height', maxBoxHeight + 'px' });

.main_a {
  display:flex;
  flex-direction:row;
  align-items:stretch;
}