2012-04-24 11 views
5

を合わせてサイズ変更親divが...これはJavaScriptを使用せずに行うにはロングショットかもしれ子のdiv

私は、次の(問題の取り除かコード)

<div id="container"> 
    <div id="content"></div> 
</div> 
#container { 
    position: relative; 
} 

#content { 
    position: absolute; 
} 
を持っている場合

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

位置がその使用してjQueryのUIのものとしてコンテンツdivの上で使用する必要があります...

は、どのように私は、コンテンツに合わせて、その高さのサイズを変更するには、コンテナボックスになるだろうか?私はこれではJavaScriptのいくつかの並べ替えを使用しなくても、おそらく不可能であることを理解

は、絶対位置のdivを置くとしてなどなどの流れからそれがかかりますが、誰もが周りの仕事のいくつかの並べ替えを知っていた場合だけだろうか?

ありがとうございます!

+0

コンテナの最小幅と最小幅のプロパティを設定しようとしましたか? –

+1

javascriptの恐怖は何ですか? – Luke

+0

最初に 'position:absolute'を使用する理由は何ですか? –

答えて

2

編集:初めて質問を誤解しました。他のすべてが失敗した場合

、ここではjQueryのソリューションです:

$('#container').css('height',$('#content').height()); 
1

[OK]を、私はあなたのコンテンツが(jQueryのUIのもの)が何であるか見当がつかない。しかし、それだけでイメージだと言う:

#container { 
    position: relative; 
} 

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

これは、親の少なくとも100%の幅と高さにあなたのコンテンツ領域を設定します。

+0

それ以外の場合はjqueryが最適です。あなたはまた、css3の背景サイズ –

+0

を調べることができますOPは何を達成しようとしているの正反対を示唆していることを理解してください:OPは、子どもに応じて親のサイズを自動的にリサイズする(うまくいけばJS方法を)探しています。しかし、長さと幅を決めたjquery関数の中で作業しなければならないので、これを行うための具体的なjquery方法を探していますが、いくつかの要素を移動して、それを基に次元を再計算する必要があります。私は基本的にサイズを変更しました。 – user253780

+0

ご回答ください、この回答は2012年からです...あなたはとても怒っていますか? 「jquery関数」の問題を教えてください。 –

関連する問題