Firefox、Edge、IE の「column-reverse」で Flexbox スクロールバーが機能しないのはなぜですか?

Firefox、Edge、IE の 'column-reverse' に関するフレックスボックス スクロールバーの問題

レスポンシブ デザインを追求する中で、開発者は次のような問題に遭遇しました。小さな画面でフレックスボックスを使用して項目の順序を逆転させると、予期しない問題が発生します。このアプローチは Chrome ではシームレスに機能しましたが、Firefox、Edge、IE ではスクロールバーが無効のままでした。

HTML と CSS を調べると、flex-direction: column-reverse のフレックスボックスが実際に原因であることが明らかになります。しかし、調査の結果、この動作は実際には前述のブラウザの既知のバグであることがわかりました。

flex-direction: column-reverse を使用すると、スクロールバーは Chrome でのみ表示されることがわかりました。開発者が flex-direction: column に切り替えると、スクロールバーはすべてのブラウザで機能するようになります。

詳細については、次のリソースで問題に関する洞察が得られます。

• [Bug 1042151 - flex-direction: column-reverse (または "flex-direction:column; justify-content:flex-end") with overflow-y: auto はスクロールできません](https://bugzilla.mozilla.org/show_bug. cgi?id=1042151)
• [Philip Walton / flexbugs - 列の反転とオーバーフローはスクロールできません](https://github.com/philipwalton/flexbugs/issues/399)

以上がFirefox、Edge、IE の「column-reverse」で Flexbox スクロールバーが機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。