CSS：私はこのアーキテクチャでhtmlコード持っている子要素

Question

を使用してオーバーフローをハンドル：

<div id="container"> 
    ... some divs ... 
    <div id="results"> 
     ... some content ... 
    </div> 
</div> 

結果変更と「高さはコンテナを過ぎて行く時々結果に書かれた内容をの底。 結果スクロールバーでオーバーフローを処理するにはコンテナではないが、これを修正できないようだ。私は何をすべきか？彼らはウィンドウのサイズの変更に柔軟性がある限り、私はjavascriptソリューションにオープンしています。

注：結果 divには、CSSでは固定されたパーセントではない高さがありません。

Answer 1

あなたは、以下の方法（簡単のために接頭辞を省略）でそれを解決できるフレキシボックスを使用する余裕がある場合は、次の

#container { 
    height: 150px; 
    display: flex; 
} 

#results { 
    overflow-y: scroll; 
} 

https://jsfiddle.net/4n3tmbm3/5/

Answer 2

あなたはこの道を行くことができます。

#container {overflow: hidden;} 
#results { 
    max-height: 400px; 
    overflow: scroll; 
} 

これは、あなたが達成したいものを行う他の任意のものが必要な場合は私に知らせますか？

Answer 3

親の& overflow-y: hiddenにはoverflow-y: autoを使用し、固定高さを指定できない場合はmax-heightを付けてください。

#container { 
    overflow-y: hidden; 
} 

#results { 
    max-height: 200px; 
    overflow-y: auto; 
}