解决方法是，您可以在两个不同的容器之间分配容器的样式：
- 外层有大小，边界和溢出
- 内部带有flexbox样式
如果您希望默认情况下将其滚动到底部，则可以使用JS：滚动到div的底部？
function scrollToBottom(el) { el.scrollTop = el.scrollHeight; }scrollToBottom(document.getElementById('list'));#list { height: 250px; overflow-y: scroll; border: 1px solid black;}#inner-list { display: flex; flex-direction: column-reverse;}.item { flex: 1; padding: 2em; border: 1px dashed green;}<div id="list"> <div id="inner-list"> <div >1</div> <div >2</div> <div >3</div> <div >4</div> <div >5</div> <div >6</div> <div >7</div> <div >8</div> <div >9</div> </div></div>
