CSS float

float :

Bir elementin diğerlerinden bağımsız olarak sağ ya da solda gösterip, elementin gerisinde kalan alanları (aşağı ya da yukarı gibi) boşluk olarak değerlendirip oraları da kullanabileceğimiz sayfalar yapabiliriz.

Not: position :absolute li elementleri yok  sayar.

Örnek

.floatRight {
   float: right;
}
.floatLeft {
   float: left;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
none Elementi hiçbir yöne yaslamaz. Bulunduğu yer nereyse orda kalır.
left Elementi sola yaslamak için kullanılır. Diğer elementler bu elementin sağında kalır.
right Elementi sağa yaslamak için kullanılır. Diğer elementler bu elementin solunda kalır.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 4.0 1.0 7.0