为什么我的 Flexbox 列反向滚动在 Firefox 和 Edge 中不起作用？

Flexbox Column-Reverse：Firefox、Edge 和 IE 中的滚动问题

为了追求 Web 应用程序的响应式布局，Flexbox 出现了作为解决方案。然而，某些实现在 Firefox 和 Edge 等浏览器中遇到了挑战。

具体来说，在使用 flex-direction: column-reverse 属性时会出现问题。虽然它在 Chrome 中的行为符合预期，但它会禁用 Firefox 和 Edge 中的滚动条。

了解错误

此问题源于 Firefox、Edge 和 Edge 中的错误IE11。当应用flex-direction：column-reverse时，这些浏览器无法使滚动条可滚动。

解决方法：使用“column”代替

要解决此问题，一种解决方法是切换到 flex-direction: column。这种替代方向可在所有浏览器中启用滚动功能。

其他注意事项

有关此问题的更多详细信息，请参阅以下资源：

• https:/ /bugzilla.mozilla.org/show_bug.cgi?id=1042151
• https://philipwalton.com/archives/2014/07/flexbugs-column-reverse-and-overflow-y-not-scrollable。 html

以上是为什么我的 Flexbox 列反向滚动在 Firefox 和 Edge 中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！