5

JavaScript を使わずにこれを行うのは難しいかもしれません...

私が以下を持っている場合（問題のコードを取り除いた）

<div id="container">
    <div id="content"></div>
</div>

#container {
    position: relative;
}

#content {
    position: absolute;
}

コンテンツ ボックスには動的なコンテンツが含まれているため、固定の高さは使用できません。

jQuery UIのものを使用しているため、絶対位置をコンテンツdivで使用する必要があります...

コンテンツに合わせてコンテナ ボックスの高さを変更するにはどうすればよいですか?

divを絶対配置するとフローから外れるなど、ある種のJavaScriptを使用しないとこれはおそらく不可能だと理解していますが、誰かが何らかの回避策を知っているかどうか疑問に思いましたか?

ありがとう！

4

2 に答える 2

2

編集：初めて質問を誤解しました。

他のすべてが失敗した場合は、jQuery ソリューションを次に示します。

$('#container').css('height',$('#content').height());
于 2012-04-24T16:35:40.030 に答える
1

わかりました、あなたのコンテンツが何であるかわかりません (jQuery UI のもの)。ただし、それは単なるイメージだとします。

#container {
    position: relative;
}

#content {
    position: absolute;
    top:0; bottom:0; left:0; right:0;
}

これにより、コンテンツ領域が親の幅と高さの少なくとも 100% に設定されます。

于 2012-04-24T16:58:07.310 に答える