Html 如何将元素列表与底部对齐？

我想将容器内部的元素列表与底部对齐。默认情况下，它会附着在容器的顶部

请注意，此列表需要保持其滚动功能。所以我不能用flex。Flex使元素调整大小并避免滚动

我想不出一个简单的方法来做这件事

#列表{
高度：200px；
}
.项目{
高度：30px；
线高：30px；
背景颜色：浅灰色；
保证金：3px0；
}

项目0
项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9

确保添加

位置：相对到上述元素

有一个黑客在y方向使用
变换
缩放-请参见下面的演示：


#列表{
高度：200px；
边框：1px纯绿色；
溢出y：自动；
变换：scaleY（-1）；
}
.项目{
高度：30px；
线高：30px；
背景颜色：浅灰色；
保证金：3px0；
变换：scaleY（-1）；
}

项目0
项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9
是否有一种方法可以添加预期结果的图片？当然，刚刚做了：）为什么不直接给出页边距顶部：100px；到#list id？@NirjharVermani，物品的数量不同。物品和卷轴是反向的。@Elfayer这就是为什么它是一个黑客。。。好吧，你的下一个最佳选择是使用
absolute
positioning我想你是对的，我想我错过了一个CSS规则，即将元素粘贴到底部而不是顶部。@Ellayer我也尝试过绝对相对定位，但无法正确滚动，希望你能找到更好的方法：）实际上绝对定位不会产生卷轴：
#list {
  position: absolute; bottom: 0;
}