Javascript 如何处理具有不同高度的布局列？

具体来说，我的问题是，我有一个两列布局页面，这取决于文章文本的长度，可能会使右侧太不合适，因为例如，如果左侧的文章文本太短，则会使右侧太长

如果左边的长度比右边的长，这实际上是可以的，但如果不是这样，那就不好了

---

因此，我的问题可能是，如果右栏比左栏长得多，您通常如何使右栏在达到最大高度时停止滚动，而左栏仍在滚动？

您可以使用

display:flex

指定每个文章栏的宽度：

.container{
显示器：flex；
}
.a1{
背景：橙色；
弹性：1；
}
.a2{
背景：红色；
弹性：1；
}

第一条
这是第一篇文章的一些文字，它不会改变文章的大小

第二条
这是第二条的一些文字，它不会改变文章的大小！耶

在此答案上运行代码段，并检查它是否解决了问题？