Adakah Flexbox Mengatasi Harta Terapung?

Bekas Flexbox Mengatasi Harta Terapung

Apabila anda menetapkan sifat paparan elemen kepada lentur, ia menjadi bekas fleksibel. Ini mewujudkan konteks pemformatan baharu, yang mempengaruhi cara kandungannya diletakkan.

Dalam bekas fleksibel, sifat apungan diabaikan. Ini kerana apungan tidak menceroboh ke dalam bekas fleksibel dan tidak membuat terapung atau pelepasan item flex.

Pendekatan Alternatif: Gunakan Sifat Flex

Untuk meletakkan teks ke sebelah kanan elemen pengaki bekas flex, gunakan sifat flex bukannya apungan. Contoh berikut menetapkan sifat justify-content kepada flex-end untuk menjajarkan kandungan pengaki ke kanan:

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

<footer>
    <span>
       <a>foo link</a>
    </span>
</footer>

Atas ialah kandungan terperinci Adakah Flexbox Mengatasi Harta Terapung?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!