Bagaimana untuk Mengosongkan CSS Terapung Terbaik pada 2014 dan Seterusnya?

Membersihkan Pengapungan CSS: Amalan Terbaik

Persoalan untuk mengosongkan pengapungan CSS dengan berkesan telah berkembang dari semasa ke semasa, dengan pelbagai teknik muncul. Walaupun menggunakan
telah menjadi amalan biasa, ia mungkin tidak sejajar dengan amalan terbaik semasa.

Pendekatan Moden:

Pada 2014, teknik pembetulan jelas menggunakan unsur pseudo disyorkan. Kaedah ini melibatkan penggunaan CSS berikut:

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

Teknik ini berfungsi dalam pelayar moden. Untuk pengoptimuman lanjut, pembetulan jelas mikro seperti yang dicipta oleh Nicholas Gallagher boleh digunakan:

.cf {
    *zoom: 1;
}

Penyelesaian Asal:

Penyelesaian alternatif yang digemari oleh mereka yang memilih untuk mengelakkan perkara yang tidak perlu. markup adalah menggunakan limpahan: tersembunyi atau limpahan: auto pada elemen induk. Ini secara berkesan mengosongkan penyemak imbas silang terapung tanpa memerlukan elemen tambahan.

Ringkasan:

Pada tahun 2014, teknik clearfix dengan elemen pseudo mewakili kaedah yang disyorkan untuk membersihkan terapung dalam cara yang bebas pelayar. Walau bagaimanapun, kaedah limpahan kekal sebagai pilihan yang berdaya maju bagi mereka yang mengutamakan meminimumkan markup.

Atas ialah kandungan terperinci Bagaimana untuk Mengosongkan CSS Terapung Terbaik pada 2014 dan Seterusnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!