0

ページに含まれるコンテンツの量に応じて高さが調整される div がページにあります。

その div の背後に別の div レイヤーがあり、これがすべての背景 div を保持します。背景の div がコンテンツに従って正しく配置されるように、背景の div をスケーラブルな div の高さと一致させる必要があります。

これらの 2 つの 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 を喜んで使用します。

誰でも私を助けることができますか？

4

2 に答える 2

4

jQuery の場合:

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

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

于 2012-12-10T14:03:36.160 に答える
2 
$(document).ready(function(){
    var height = $("#content_container").height();
    $("#background_conatiner").height(height);
});

テストされていませんが、それでうまくいくはずです。

于 2012-12-10T14:03:33.483 に答える