Yüklü nasıl temizlenir（Clearfix）
- Önceki sayfa Aynı yükseklik
- Sonraki sayfa Yanıtlayıcı kayan
Clearfix tekniklerini kullanmayı öğrenin.
Yüklü nasıl temizlenir (Clearfix)
Yüklü elementlerin arkasındaki elementler etrafında akar. Bu sorunu çözmek için clearfix çözümünü kullanın:
Clearfix kullanmama
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet...
Clearfix kullanımı
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet...
clearfix teknikleri
Bir öğe içeren öğesinden daha yüksekse ve yüklüse, o konteynerinin dışına taşabilir.
Sonra, bu sorunu çözmek için içeren öğeye overflow: auto; ekleyebiliriz:
örnek
.clearfix {
overflow: auto;
}
Sadece dış kenar boşluğu ve iç kenar boşluğunu kontrol edebildiğiniz sürece,overflow:auto Yüklü dengeleme etkisi çok iyidir (aksi takdirde, kaydırma çubuğunu görebilirsiniz).
Ancak, yeni ve modern clearfix teknikleri daha güvenli kullanılır, çoğu web sayfası aşağıdaki kodu kullanır:
örnek
.clearfix::after {
content: "";
clear: both;
display: table;
}
İlgili sayfalar
Eğitim:CSS yüzeysel
- Önceki sayfa Aynı yükseklik
- Sonraki sayfa Yanıtlayıcı kayan
