Css içerisinde birçok özellik bulunmaktadır.Bu özelliklerden bir tanesi sayfa tasarımlarında mutlaka kullanılan float elementidir. Float elementi Türkçe isim karşılığı olarak yasla anlamına gelmektedir.Peki bu elementi nasıl kullanacağız.

Float:left; (sola yasla)
Float:right;(sağa yasla)
Float:none;(hiçbir yöne yaslama) şeklinde 3 tip kullanımı bulunmaktadır.

Kullanımı

.solblok {float:left;}
.sagblok {float:right;}

Bir websayfasında solblok ve sagblokların yaslanmaları için kodlarımızı oluşturduk.
Float uygulanan elementlerdeki kapsayamama sorununun ortadan kalkması için float uygulanan elementlerden sonra mutlaka elementin çevresini temizleme kodu kullanmalıyız.

Bu kod

.temizle {clear:both;}

Eğer temizleme kodu kullanmazsak alt resimde olduğu gibi footer aşağı inmeyecek ve üst kısma yapışacaktır.

<div class="solblok">solblok içeriği</div>
<div class="sagblok">sagblok içeriği</div>
<div class="footer"></div>

eğer float uygulanan elementlerden sonra temizleme kodu kullanırsak footer alta geçecek ve normal görünüme gelecektir.

<div class="solblok">solblok içeriği</div>
<div class="sagblok">sagblok içeriği</div>
<div class="temizle"></div>
<div class="footer"></div>