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/