Pertanyaan ClearFix vs Overflow [duplikat]


Pertanyaan ini sudah memiliki jawaban di sini:

Ini masalah float standar. Anda memiliki banyak elemen mengambang di dalam div wadah induk. Karena anak-anak mengambang, orang tua tidak memperluas untuk memasukkan semuanya.

Saya tahu tentang solusi clearfix serta pengaturan properti overflow pada div penampung induk ke "otomatis" atau "tersembunyi".http://www.quirksmode.org/css/clearing.html Bagi saya pengaturan metode pelimpahan tampak jauh lebih bagus karena hanya satu properti. Yang ingin saya pahami adalah kapan pendekatan clearfix memiliki keunggulan dibandingkan metode ini karena saya melihatnya sangat sering digunakan.

P.S. Saya tidak peduli dengan IE6.


32
2018-03-03 17:37


asal


Jawaban:


Satu-satunya waktu Anda harus bersusah payah menggunakan metode "clearfix" yang menyisipkan konten tak terlihat untuk membersihkan adalah jika Anda membutuhkan elemen agar terlihat ketika elemen itu meluber ke elemen yang Anda terapkan, jika tidak memicu hasLayout + overflow adalah emas.

Perhatikan bahwa di IE7 pemicu tersembunyi overflow hasLayout. Tidak yakin tentang IE8.

#wrapper { width:80em; overflow:hidden; }

Metode di atas akan berfungsi dengan baik di sebagian besar semua kasus kecuali Anda perlu mengatakan, #header untuk meluber melewati #wrapper ..

#wrapper { width:80em; position:relative; }
#wrapper:after {  content:"."; clear:both; display:block; height:0; visibility:hidden; }
#header { position:absolute; top:-15px; left:-15px; }

15
2018-03-03 17:40