如何继续向 div 添加项目，直到两个 div 具有相同的高度？答案

【问题标题】：How to keep adding items to a div until both divs have same height?如何继续向 div 添加项目，直到两个 div 具有相同的高度？
【发布时间】：2015-08-14 03:15:03
【问题描述】：

我有两个并排的 div。目前，我在左侧 div 中显示 n+2 项目，在右侧显示 n 项目。 n 因类别而异，并且是预先确定的。我的问题是有时左 div 中的单个项目的高度比平时高。如何继续向正确的 div 添加项目，直到两个 div 的高度大致相同？

【问题讨论】：

欢迎来到 Stack Overflow！您是否尝试过解决这个问题？如果有，请编辑您的问题以包含您的代码和研究，以显示对您不起作用的内容。如果你还没有，你应该先尝试自己解决它，然后在这里发布代码和研究。它也让其他人更容易回答您的问题！

标签： javascript jquery css ajax

【解决方案1】：

试试这个？

var $left_div = $('#left_div');
var $right_div = $('#right_div');
while($left_div.height() > $right_div.height()){
   $right_div.append($your_item);
}

$your_item 定义为您想要添加到右侧 div 中的任何内容

您也可以检查阈值

var threshold = 200;
var $left_div = $('#left_div');
var $right_div = $('#right_div');

while(Math.abs($left_div.height() - $right_div.height()) < threshold){
   $right_div.append($your_item);
}

【讨论】：