Herkese merhaba, bu paylaşımımda sizlerle float kullanımı üzerine bildiklerimi paylaşmak istiyorum. Float kavramı, anlamlı HTML etiketleri kullanarak kodlarını geliştirmeye başlayan arkadaşların çözmekte zorlandığı bir konu. Ama inşallah bu paylaşım sonrası kimsenin, floatlar ile bir sorunu kalmayacak.

Float Ne Demek?

Hani arkadaşlar, kışın su birikintilerinde yüzen kağıtlar görürüz, işte o kağıtlar aslında su üzerinde float (yüzüyorlar) yapıyorlar. Ve biz bu kağıda üfleyerek veya elle müdahele ederek, sağa (float:right) ya da sola (float: left) doğru gitmesini sağlayabiliriz.

Web sayfalarınada bakacak olursak bir şekilde bir şeyler ya sağda ya da solda işte biz öğeleri sağa ya da sola atmak için CSS’in float özelliğini kullanıyoruz.

Senin Sorunun ne dostum?

Birçoğumuzun tableless (<table></table> kullanmadan css ve div)  kodlama yaparken float uygulanmamış bir elementin alt elementlerine float uygularsanız üst element alt elementleri kapsamaz.

yani,

beyaz zeminli alanın tüm hepsini kapsaması gerekirken kapsamıyor. İlginç bir şekilde IE sürümlerinde böyle bir hata yoktur !.

çözüm için çeşitli yollar mevcut ancak en pratik ve zahmetsiz olanı.

overflow: hidden;

Kapsayıcı