使用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() {&nbsp; &nbsp;if(first == 1)&nbsp; &nbsp;{&nbsp; &nbsp; &nbsp; &nbsp; highest = $(this);&nbsp; &nbsp; &nbsp; &nbsp; first = 0;&nbsp; &nbsp;}&nbsp; &nbsp;else&nbsp; &nbsp;{&nbsp; &nbsp; &nbsp; &nbsp; if(highest.height() < $(this).height())&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; highest = $(this);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp;}&nbsp; });

Answer 2

您可以做三列div，但是您必须像这样在其周围添加包装器<div id="wrapper">&nbsp;<div class="features"></div>&nbsp;<div class="features"></div>&nbsp;<div class="features"></div></div>在头标签里放这个<style type="text/css">#wrapper {&nbsp; position:relative;&nbsp; overflow:hidden;}.features {&nbsp; position:absolute;&nbsp; float:left;&nbsp; width:200px; /* set to whatever you want */&nbsp; height:100%;}</style>无论其中一个框的宽度是多少，其他框也将相同。希望这可以帮助。很抱歉，如果没有，我只是当场编写了代码。