Question

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

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

但它无法正常工作

Answer 1

为什么不这样做？

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

如果你正在使用浮动，并且高度不必被“拉伸”（我的意思是唯一重要的是下一个项目在两个div之下）你可以只使用css属性clear: both;。

Answer 2

听说过equHeights插件？

http://filamentgroup.com/lab/setting_equal_heights_with_jquery/

Answer 3

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>

脚本：

$('div#left,#right').css("height", "220px");

使用 jquery ，您可以动态更改身高

Answer 4

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

CSS

#set1, #set2{
   float: left;
   min-height: Xpx;
   height: Xpx;
}

标记：

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

这取决于您的标记结构，但您可能需要清除浮动并根据需要设置宽度。

Answer 5

我不确定你的代码的其余部分是什么样的，但你编写的代码应该有效：

HTML：

<div id="div1">some text </div>
<div id="div2">some text...</div>

CSS：

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

JavaScript的：

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

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

5 个答案: