内容がオーバーフローしたフルスクリーン高さのコンテナが固定されている

Question

私は右からスライドしてブラウザウィンドウの高さを取ります。ヘッダー、フッター、および中間コンテンツがあります。中間のコンテンツが十分に高くなると、スクロールする（オーバーフロー：自動）。これは可能ですか？ここで

は私のモーダルのスクリーンショットです：

だから、基本的に、私は彼らが（上部のヘッダ、フッタどこヘッダーとフッターは一番下に、またはのいずれかでままにしておきたいですコンテンツの一番下になっています）、ブラウザウィンドウのサイズを上にしてブラウザウィンドウのサイズを変更すると、ブラウザの高さがコンテンツよりも低くなったときに、中央のコンテンツにスクロールバーが表示されます。

.modal-body { 
    overflow: auto; 
} 

は何もしていないようです。

はここJSフィドルです：https://jsfiddle.net/707xbabw/2/

Answer 1

あなたは身体とオーバーフロー自動モデルや作業が上overflow: autoを入れているん何

demo link 

https://jsfiddle.net/kanib93/zfh6kzfw/

Answer 2

をスクロールする高さを追加する必要があります.modal-content。しかし、閉じるボタンは、オーバーフローしたコンテンツの外に存在するため消えます。この問題を解決するには、divの高に入れて、それが仮定として、それが動作するはずです：

参照：私は仮定auto`：https://jsfiddle.net/707xbabw/7/