css - CSS停止要素の高さが親よりも高くならないようにする

Question

私はこの構造を概算します

<div> <div id='1'> </div> <div id='2'> </div> </div>

div 1のコンテンツが大きくなりすぎて、div 2がメインのdivに収まらない場合に、スクロールバーが表示され、親divの下部から何もプッシュされないようにします。

CSSでこれを行うにはどうすればよいですか？

編集：

親div（またはその親）には設定された高さがあります。この時点でオーバーフローを設定します。div1をスクロールすると、横にスクロールバーが表示され、下部を超えてしまいます。

Answer 1

まず、オーバーフローが必要です。div1をスクロールします。また、この値に達した後にdivがスクロールバーを必要とするような高さの値を何らかの方法で修正する必要があります。親divの高さまたは最大高さが固定されている場合は問題ありません。

編集

これをチェックしてください：http ：//www.quirksmode.org/css/overflow.html 。それにもかかわらず、（残念ながら）div1の高さの値が必要なようです。max-heightでもかまいません。ちなみに、スクロールバーが必要な場合にのみ表示されるようにするには、オーバーフローが必要です：auto。

Answer 2

使用する

overflow:scroll

div1のCSSで。

Answer 3

オーバーフロー設定を使用できます。

#id
{

   overflow: scroll;

}