Javascript 如何在运行时将两个动态div的高度指定为相等

我有两个div，一个在左侧，另一个在右侧，它们在运行时创建这两个div的内部文本。我的问题是如何使两个div的高度相等。 我正在使用代码

$('#div_Set_1_ChannelRoomContent').height($('#div_ChannelRoomName').height());

---

但是它不工作

听说过equalHeights插件吗

html：

<div id="main" style="width: 100%; height: 100px;">
    <div id="left" style="float: left; width: 49%; height: 100px; border: 1px solid red;"></div>
    <div id="right" style="float: left; width: 49%; height: 100px; border: 1px solid blue;"></div>
</div>

---

使用jquery可以动态更改高度

除非要动态设置高度，否则应添加css样式

css

标记：

<div id="set1">Blah blah</div>
<div id="set2">blah blah</div>

废话
废话

---

这取决于您的标记结构，但如果需要，您可能希望清除浮点并设置宽度。

我不确定代码的其余部分是什么样子，但您编写的代码行应该可以工作：

HTML:

JavaScript:

var height = $("#div1").height();       
$("#div2").height(height);

为什么不这样做呢

var newHeight = Math.max($("#div1").height(), $("#div2").height());
$("#div1").height(newHeight);
$("#div2").height(newHeight);

---

如果您使用浮动，并且高度不必“拉伸”（我的意思是，唯一重要的是下一个项目在两个div下），那么您可以使用css属性

clear:both
但我无法固定任何div的高度（不在左侧或右侧），因为在运行时数据正在更改，高度也在更改….$（“#div1”）。height（）给出值0我正在运行时创建div var newHeight=Math.max（$（div1）.height（），$（div2）.height（））$（1）高度（新高度）$（2）高度（新高度）@JainNavneet是什么样的元素？一个block/inline/inline block/等等？您可能希望确保使用的是
$（window）.load（函数（）{/*您的代码*/}）而不是
$（文档）.ready（/*…*/）或
$（/*…*/），最后两个相同。它们都是在一切都完成之前调用的（比如加载图像）。这通常是需要的，但在某些情况下（比如这一次），它不是。出于同样的原因，你使用了糟糕的语法，它很容易，粗心，每个人都理解：D
<div id="div1">some text </div>
<div id="div2">some text...</div>

#div1{
  height: 60px;    
  float: left;
}

var height = $("#div1").height();       
$("#div2").height(height);

var newHeight = Math.max($("#div1").height(), $("#div2").height());
$("#div1").height(newHeight);
$("#div2").height(newHeight);