Html 如何为多个列表/列表项保持相等的弹性高度？

我有两个动态列表，一个在另一个上面，使用灵活的列布局。我的困境是，我似乎无法让列表/列表项保持相等的弹性高度，因为项目较少的列表似乎总是会拉伸其项目的高度

请看下面我的代码。注意“第1项，清单2”是如何延伸的？我希望两个列表的所有列表项都一致，并且高度相等，以填充主父容器。带有单个

li

项目的

ul

应调整为单个

li

项目的高度

.container{
显示器：flex；
弯曲方向：立柱；
高度：500px；
边框：1px纯黑；
}
.名单{
列表样式类型：无；
填充：0；
保证金：0；
显示器：flex；
弯曲方向：立柱；
弹性：10自动；
边框：1px纯黑；
}
.清单项目{
弹性：10自动；
边框：1px纯黑；
}

列表1第1项
清单1第2项
清单1第3项
清单1第4项


列表2第1项

我想我可能已经解决了你的问题。首先，因为您给出了容器类元素**高度：500px；**它会影响你的ul，li元素的高度。我从CSS中删除了它们，并在列表项中添加了最小高度：100px但您可以根据需要更改li元素的高度

.container{
显示器：flex；
弯曲方向：立柱；
宽度：100%；
弹性：0.100%；
边框：1px纯黑；
}
.名单{
列表样式类型：无；
填充：0；
保证金：0；
显示器：flex；
弯曲方向：立柱；
弹性：10自动；
边框：1px纯黑；
}
.清单项目{
最小高度：100px；
边框：1px纯黑；
}

列表1第1项
清单1第2项
清单1第3项
清单1第4项


列表2第1项

请澄清，您是否希望

li

元素具有相同的高度，无论它们出现在哪个

ul

中？您可以看到列表2第1项是如何拉伸到几乎填满一半容器的？我希望它是1/5的大小，以及其他列表项。当然，它们的高度可以改变添加的更多项目，但它们都应该是相同的高度。简言之，是的。谢谢你的确认。父级

ul

会发生什么情况？它应该缩小到单个

li

的大小还是保持默认高度？它应该缩小到单个

li

的大小你有什么想法@Martin？我有点迷路了哈哈