jquery - 获取一个 div 的高度并将其应用于单独的一个

Question

我的页面上有一个 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。

谁能帮我？

Answer 1

使用 jQuery：

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

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

Answer 2

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

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