如何自动设置DIV元素的高度

Question

我在定位多个div元素方面遇到了问题。我有三个div元素连续不同的高度。但在＆＃34; div 1＆＃34;是下拉菜单，所以＆＃34; div 1＆＃34;的高度变化。我想知道，如何自动将所有三个div元素的高度设置为相同。

Answer 1

这个jQuery插件会将集合中每个元素的高度设置为最高的高度：

// Sets the height of a set to the height of the tallest member.
$.fn.sizeToTallest = function () {
    var tallest = 0;
    this.each(function () {
        var h = $(this).height();
        if (h > tallest) tallest = h;
    });
    this.height(tallest);
    return this;
};

像这样使用：

$("myDivs").sizeToTallest();

Answer 2

听起来像一个div的滑下来的回调函数，你只需要：

// grab the new hight
var newHeight = $(this).outerHeight();

// set it to the other two divs
$('.otherDivs').height(newHeight);

Answer 3

$height = "50px"; // or whatever height you wish


 $("div").each(function(e)
 {
    $(this).css("height",$height);
 });

每个函数将迭代你的div，然后将它们的高度设置为50px

Answer 4

$('#div1').slideDown(400, function() {
    $('#div2, #div3').height($(this).height());
});