如何把对齐多个不同大小的div？

Question

我目前正在修复一个旧的开发人员代码，其中包含多个部分。我正在努力将其中一个非常令人沮丧地对齐。它真的很烦人，因为它随着页面大小的改变而变化。

这就是它的样子。

这就是我想要的样子。

注释部分，所暗示是一个注释部分。溢出时可以进行滚动显示吗？

Answer 1

如果你想只在注释部分滚动，你可以做到这一点的方法：

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

请记住配置的宽度了。这仅仅是一个高度的例子。