将div分成相等的高度，需要最大高度

Question

我正在为我正在制作的网站构建自适应日历。日历使用以下javascript进行缩小以保持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（）。类似的东西：

.each(function() { maxHeight = Math.max(maxHeight, $(this).children('.events:first').height()); })
.css('min-height',maxHeight+30);