如何把對齊多個不同大小的div？

Question

我目前正在修復一箇舊的開發人員代碼，其中包含多個部分。我正在努力將其中一個非常令人沮喪地對齊。它真的很煩人，因爲它隨着頁面大小的改變而變化。

這就是它的樣子。

這就是我想要的樣子。

註釋部分，所暗示是一個註釋部分。溢出時可以進行滾動顯示嗎？

Answer 1

如果你想只在註釋部分滾動，你可以做到這一點的方法：

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

請記住配置的寬度了。這僅僅是一個高度的例子。