下部のdivが残りの部分を取る方法

javascriptを使わずに次のレイアウトを行う方法はありますか？下部のdivが残りの部分を取る方法

div parent 
    div A 
    div B 
    div C

親が一定の高さを使用している（例えば500pxなど）
は、その内容に応じた高さに成長しているとBは

C残りの高さを取り

Cが大きいコンテンツとDを含有するのみ

C C内にスクロールする必要があり、大きなコンテンツを取得します。 Dは

div C div D large content

出典

2012-04-28 stefan bachert

が垂直に整列（積み重ね）のdivまたは水平（横並び）はありますか？ – Commandrea

A、B、Cが縦に積み重なっています。 –

これらの線に沿って何かが続いていますか？ http://jsfiddle.net/N3HPJ/ CSSが計算された値をダイナミックな、マルチで非常にうまく行っていないので、おそらく何が望むかもしれない（最後の要素が完全な高さに伸びる）ことはCSSだけではできません要素の状況。しかし、あなたはそれを偽造することができます。 –

が、私はそうのようにそれを設定しますC内にスクロールする必要があります。

<div class="parent"> 

    <div class="C"> 

     <div class="A"> 
     A's content 
     </div> 

     <div class="B"> 
     B's content 
     </div> 

     C's content 

    </div>/*C end*/ 

</div>/*parent end*/

出典

2012-04-28 19:04:23 Commandrea

要素の入れ子を参照してください。私は答えを見ない。 –

Cは大きなコンテンツをスクロールするので、このレイアウトの再構築は機能しません –

あなたの質問にスクロールする必要があるCについての部分を追加してください。 – Commandrea

下部のdivが残りの部分を取る方法

答えて

関連する問題