같은 높이, 최대 높이가 필요한 div를 조정하십시오.

Question

저는 작업중인 사이트에 반응 형 달력을 작성하는 중입니다. 다음 자바 스크립트를 사용하여 div가 동일한 높이로 유지되도록 일정을 미세하게 조정합니다.

$(function(){ 
    var equalHeight = function() { 
     $(".calBody").each(function(){ 
      var maxHeight = 0; 
      $(this).children(".calBlock") 
       .each(function() { maxHeight = Math.max(maxHeight, $(this).height()); }) 
       .css('min-height',maxHeight); 
     }); 
    } 

    equalHeight(); 

    $(window).resize(function(){equalHeight()}); 
}); 

이 좋은, 심지어 처음부터 열을 유지하고이 축소됩니다 당신이 다시 확장 시작할 때, 그러나 그것은 그들의 가장 높은에있을 때부터 된 div의 최대 높이를 유지합니다.

가장 큰 div에 필요한만큼 키가 커지도록 아이디어를 올리고 내리면됩니다. 여기

행동에의 jsfiddle입니다 : jsfiddle.net/7n4VH/1

Answer 1

대신 .calBlock의 자녀들의 .height의()를 받고보십시오. 다음과 같이 표시됩니다.