为什么我的 Flexbox 滚动条无法在 Firefox、Edge 和 IE 中使用'column-reverse”？

Flexbox 滚动条在 Firefox、Edge 和 IE 中的“列反转”问题

在追求响应式设计时，开发人员遇到了使用 Flexbox 在较小屏幕上反转项目顺序时出现意外的怪癖。虽然该方法在 Chrome 中无缝运行，但滚动条在 Firefox、Edge 和 IE 中仍然处于禁用状态。

检查 HTML 和 CSS，很明显，带有 flex-direction: column-reverse 的 Flexbox 确实是罪魁祸首。然而，经过调查，这种行为实际上是上述浏览器中的一个已知错误。

事实证明，当使用 flex-direction: column-reverse 时，滚动条仅出现在 Chrome 中。如果开发人员切换到 flex-direction: 列，滚动条将在所有浏览器中正常运行。

有关更多详细信息，以下资源提供了对该问题的深入见解：

• [Bug 1042151 - flex-direction：column-reverse（或“flex-direction：column；justify-content：flex-end”）与溢出-y：auto不可滚动]（https://bugzilla.mozilla.org/show_bug。 cgi?id=1042151)
• [Philip Walton / flexbugs - 列反转和溢出不可滚动](https://github.com/philipwalton/flexbugs/issues/399)

以上是为什么我的 Flexbox 滚动条无法在 Firefox、Edge 和 IE 中使用'column-reverse”？的详细内容。更多信息请关注PHP中文网其他相关文章！