Mengapa Item Flex yang Diposisikan Benar Kekal dalam Aliran Normal dalam IE11?

Item Flex Diposisikan Benar-Benar Kekal dalam Aliran Normal dalam IE11

Dalam susun atur flexbox dengan tiga div, dua mengandungi kandungan dan satu diposisikan secara mutlak sebagai latar belakang, IE11 merawat div yang diposisikan secara mutlak sebagai sebahagian daripada aliran biasa, mengagihkan ruang antara divs sewajarnya. Tingkah laku ini berbeza daripada piawaian dan boleh membawa kepada salah jajaran.

Penyelesaian:

Firefox telah menyelesaikan isu ini dalam versi 52, selaras dengan spesifikasi flexbox. Walau bagaimanapun, IE11 masih bermasalah. Untuk menangani perkara ini:

• Letakkan semula Item Diletakkan Benar: Daripada meletakkan div (.bg) yang berkedudukan mutlak di hujung, alihkannya di antara dua yang lain (.c1 dan .c2). Ini mengubah susunan aliran, dengan berkesan mengalih keluar elemen yang diletakkan secara mutlak daripada aliran biasa.

Berikut ialah kod HTML yang dikemas kini:

<div class="container">
    <div class="c1">Content 1</div>
    <div class="bg">Background</div>
    <div class="c2">Content 2</div>
</div>

Atas ialah kandungan terperinci Mengapa Item Flex yang Diposisikan Benar Kekal dalam Aliran Normal dalam IE11?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!