異なるサイズの複数のdivを整列するにはどうすればよいですか？

Question

私は現在、複数のセクションを含む古い開発者コードを修正しています。私は本当にイライラしているそれらの1つを整列させるために苦労しています。ページがリサイズするにつれて変化するので、本当に面倒です。

これは次のようなものです。

これは、私はそれが見えるようにしたいものです。

暗示としてコメントセクションは、コメント欄です。オーバーフローしたときにスクロール可能にすることは可能ですか？

Answer 1

あなただけがこの方法を行うことができますコメントセクションにスクロールしたい場合：

#div1 { height: 80vh; } 
#div2 { height: 20vh; } 
#title { height:10vh } 
#comments {height: 90vh; overflow-y: scroll;} 

はあまりにも幅を設定することを忘れないでください。これは高さのほんの一例に過ぎません。