Javascript 两列CSS中不同列表中元素的高度相同

请帮帮我。我在这里和其他地方搜索与我的案例相同的示例，但没有找到我需要的。 我有两列不同的动态列表。 在一列中，5个列出元素（标题），5个列出其他元素（每个元素的描述）。它们可能多于或少于5项。但列中的数量列表项总是相同的。 我需要一列中每个元素的高度与另一列中的高度相对应。 你能告诉我怎么做吗，或者显示手册的链接来解决我的问题吗？ 谢谢你的帮助

.columnlist{
显示：网格；
网格模板柱：0.5fr 1.5fr；
网格模板区域：“sortable1 sortable2”；
填充：20px；
}
.columnlist ul{}
#可排序1{
网格区域：可排序1；
}
#可排序1李{
填充：10px；
保证金：5px0；
边框：实心1px黑色；
}
#可排序的2{
网格区域：可排序2；
}
#可排序的2李{
背景：rgb（255、250、205）；
填充：10px；
保证金：5px0；
边框：实心1px黑色；
}
保险商实验室{
列表样式：无；
}
ol,，
保险商实验室{
保证金：0；
}

标题1
标题2
标题3
标题4
标题5


1洛雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的献身者。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石。在faucibus中，Interdum和malesuada在第一次同侧前就出名了
2洛雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的献身者。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石。在faucibus中，Interdum和malesuada在第一次同侧前就出名了
3洛雷姆·伊普苏姆·多洛·希特·阿梅特，一位杰出的献身者
4洛雷姆·伊普苏姆·多洛·希特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的献身者。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石。在faucibus中，Interdum和malesuada在第一次同侧前就出名了
5洛雷姆·伊普苏姆·多洛·希特·阿梅特，献祭精英。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石

.columnlist{
显示：网格；
网格模板柱：0.5fr 1.5fr；
网格模板区域：“sortable1 sortable2”；
填充：20px；
}
.columnlist ul{}
#可排序1{
网格区域：可排序1；
显示：网格；
}
#可排序1李{
填充：10px；
保证金：5px0；
边框：实心1px黑色；
}
#可排序的2{
网格区域：可排序2；
显示：网格；
网格自动行：1fr；
}
#可排序的2李{
背景：rgb（255、250、205）；
填充：10px；
保证金：5px0；
边框：实心1px黑色；
}
保险商实验室{
列表样式：无；
}
ol,，
保险商实验室{
保证金：0；
}

标题1
标题2
标题3
标题4
标题5


1洛雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的献身者。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石。在faucibus中，Interdum和malesuada在第一次同侧前就出名了
2洛雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的献身者。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石。在faucibus中，Interdum和malesuada在第一次同侧前就出名了
3洛雷姆·伊普苏姆·多洛·希特·阿梅特，一位杰出的献身者
4洛雷姆·伊普苏姆·多洛·希特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的献身者。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石。在faucibus中，Interdum和malesuada在第一次同侧前就出名了
5洛雷姆·伊普苏姆·多洛·希特·阿梅特，献祭精英。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石

.columnlist{
显示：网格；
网格模板柱：0.5fr 1.5fr；
网格模板区域：“sortable1 sortable2”；
填充：20px；
}
.columnlist ul{}
#可排序1{
网格区域：可排序1；
显示：网格；
}
#可排序1李{
填充：10px；
保证金：5px0；
边框：实心1px黑色；
}
#可排序的2{
网格区域：可排序2；
显示：网格；
网格自动行：1fr；
}
#可排序的2李{
背景：rgb（255、250、205）；
填充：10px；
保证金：5px0；
边框：实心1px黑色；
}
保险商实验室{
列表样式：无；
}
ol,，
保险商实验室{
保证金：0；
}

标题1
标题2
标题3
标题4
标题5


1洛雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的献身者。Phasellus坐在前庭，vitae调味品。维瓦姆斯-欧-菲尼布斯酒后驾车。这是一种饮食习惯，不需要临时选择。Morbi laoreet urna非urna苏打水，非
红色钻石。在faucibus中，Interdum和malesuada在第一次同侧前就出名了
2洛雷姆·伊普苏姆·多洛尔·希特·阿梅特（Lorem ipsum dolor sit amet）是一位杰出的献身者。Phasellus sit amet背心