获取一个 div 的高度并将其应用到一个单独的答案

【问题标题】：Get height of one div and apply it to a separate one获取一个 div 的高度并将其应用到一个单独的
【发布时间】：2012-12-10 22:03:36
【问题描述】：

我的页面上有一个 div，它会根据放入其中的内容量来缩放高度。

我在该 div 后面有另一个 div，它将容纳我所有的背景 div。我需要使背景 div 与可缩放 div 的高度匹配，以便背景 div 根据内容正确定位。

这两个 div 无论如何都没有连接，例如相互嵌套或相对。它们是完全分开的，但我需要背景 div 来匹配内容 div。比如：

**CSS**
#background_container {
height:"=height of 'content_container'";
}

#content_container {
height:auto;
}

**HTML**
<div id="background_container>
  <div id="background_item></div>
  <div id="background_item2></div>
</div>

<div id="content_container>
  <div id="content_item></div>
  <div id="content_item></div>
  <div id="content_item></div>
</div>

我不太确定这是否可以通过 CSS 实现，但如果不能，我很乐意使用 jQuery。

谁能帮帮我？

【问题讨论】：

标签： jquery css html height

【解决方案1】：

使用 jQuery：

$('#background_container').height($('#content_container').height());

http://api.jquery.com/height/

【讨论】：

【解决方案2】：

$(document).ready(function(){
    var height = $("#content_container").height();
    $("#background_conatiner").height(height);
});

未经测试，但很确定应该这样做。

【讨论】：