Html 如何使顶部溢出以使反向滚动工作？

以下代码无法滚动，因为

溢出：auto

不允许溢出到顶部。是否仍有一种方法允许在此处使用纯css进行滚动，而无需额外的容器div？

.container{
显示器：flex；
柔性包装：反向包装；
溢出y：自动；
高度：150像素；
宽度：150px；
背景色：rgba（0,0,0,0.5）；
}
.货柜组{
最小宽度：100px；
最小高度：100px；
利润率：10px；
背景色：rgba（0,0,0,0.5）；
}

---

flex wrap:wrap reverse（多行）似乎存在问题，其中根本不允许滚动

对于您的特定用例（固定宽度，一个项目穿过），您可以将

柔性方向

与

列反向

一起使用，并获得您想要的相同结果

片段：

.container{
显示：柔性；柔性方向：柱反向；
高度：150px；宽度：150px；
溢出：自动；背景色：rgba（0,0,0,0.5）；
}
.货柜组{
最小宽度：100px；最小高度：100px；边距：10px；
背景色：rgba（0,0,0,0.5）；颜色：#fff；
}
.container div:n个子（奇数）{背景色：#33a；}

1.
2.
3.
4.
5.
6.

这在Chrome上运行效果很好，但在Firefox和Edge上却不行。不幸的是，它必须在边缘工作。你有什么解决办法吗？@KagamiSaschaRosylight:哇！是的，FF似乎在flex方面有很多问题。这里有一个bug报告已经挂起很长时间了——如果没有其他解决方案，我似乎必须提交一个新的bug。一个相关bug说这已经在规范中了，浏览器应该像Chrome一样工作：好建议，我刚刚添加了一个：D