使用jQuery / CSS查找所有元素中的最高元素

Question

我有3个div。像这样：<div class="features"></div><div class="features"></div><div class="features"></div>他们将充满文字。我不确定多少。问题是，所有高度都必须相等。我如何使用jQuery（或CSS）查找DIV最高的并将其他两个设置为相同的高度，从而创建3个相等高度的DIV。这可能吗？

Answer 1

您可以使用jquery的每个函数：

var highest;

var first = 1;

$('.features').each(function() {

   if(first == 1)

   {

        highest = $(this);

        first = 0;

   }

   else

   {

        if(highest.height() < $(this).height())

        {

              highest = $(this);

        }

   }

  });

Answer 2

您可以做三列div，但是您必须像这样在其周围添加包装器

<div id="wrapper">

 <div class="features"></div>

 <div class="features"></div>

 <div class="features"></div>

</div>

在头标签里放这个

<style type="text/css">

#wrapper {

  position:relative;

  overflow:hidden;

}

.features {

  position:absolute;

  float:left;

  width:200px; /* set to whatever you want */

  height:100%;

}

</style>

无论其中一个框的宽度是多少，其他框也将相同。希望这可以帮助。很抱歉，如果没有，我只是当场编写了代码。