JSFiddle - React, Tailwind, and code Playground
HTML
<div id="base">
<div id="one">one
</div>
<div id="two">two
</div>
<div id="three">three
</div>
</div>
CSS
#one
{
height: 100px;
background-color: blue;
}
#two
{
height: 150px;
background-color: red;
}
#three
{
height: 80px;
background-color: yellow;
}
JavaScript
$(document).ready(function() {
Array.max = function( array ){
return Math.max.apply( Math, array );
};
if($("#base").length) {
var heights= new Array();
var divs = $('#base').find("div");
divs.each(function() {
heights.push($(this).height());
});
var max = Array.max(heights);
var propertyName = 'min-height';
if(!$.support.minHeight) {
max = max + 5;
propertyName = 'height';
}
divs.css(propertyName, max);
}
});