Mengapa Terapung Tidak Berfungsi dalam Bekas Flex?

Harta Terapung Tidak Disokong dalam Bekas Flex

Dalam CSS, sifat terapung digunakan untuk meletakkan elemen di kanan atau kiri bekas. Walau bagaimanapun, terdapat isu apabila menggunakan apungan dalam bekas fleksibel.

Masalah:

Menggunakan float:right pada elemen span dalam bekas fleksibel tidak lagi berfungsi. Ini kerana sifat apungan diabaikan dalam bekas flex.

<footer>

Sebab:

Menurut spesifikasi flexbox, bekas flex mewujudkan konteks pemformatan flex mereka sendiri, memisahkannya daripada kandungan lain. Akibatnya, sifat terapung dan jelas tidak digunakan pada item fleksibel dan tidak mengubah alirannya.

Penyelesaian:

Untuk meletakkan elemen dalam bekas fleksibel, gunakan sifat flex sebaliknya. Contohnya, untuk menyelaraskan "pautan foo" ke kanan:

footer {
  display: flex;
  justify-content: flex-end;
}

<footer>
  
    foo link
  

Atas ialah kandungan terperinci Mengapa Terapung Tidak Berfungsi dalam Bekas Flex?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!