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);
});

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

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

2 个答案: