将一个的高度添加到另一个

时间:2014-04-25 16:10:07

标签: javascript jquery html height

所以我有这个代码,找到最高的三个div,取其高度并使用该高度设置父div,这完美,但现在我需要在另一个div上添加更多,在另外3个彼此相邻的地方会有一个名为#specification-bottom的div - 我需要将其高度添加到#specification

$(window).on('load resize',function(){
    var maxHeight = -1;
    $('.specification-columns').each(function() {
        maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
    });
    $('#specification').each(function() {
        $(this).height(maxHeight+24);
    });
});

以下是它的演示:http://zimxtrial.ukbigbuy.com/ 它在规范部分,您将看到当前,#specification-bottom位于其他3后面,一旦我将其高度添加到父级,它将很好地适合,或者我希望。

1 个答案:

答案 0 :(得分:2)

试试这个:

$(window).on('load resize',function(){
    var maxHeight = -1;
    $('.specification-columns').each(function() {
        maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
    });
    maxHeight += $('#specification-bottom').height(); // new line
    $('#specification').each(function() {
        $(this).height(maxHeight+24);
    });
});