Temel Seviye

İleri Seviye

CSS Kaydırma - Float

Bölümleme yaparken kullandığımız div 'leri, metinleri, görselleri vb. sağa veya sola yaslayabiliriz, bunu da float özelliği ile yapacağız. Kaydırmalar tam sol ve tam sağ olarak yapılır. Örneğin bir elemanı sola yasladığımızda o mümkün olduğunca en sola yaslanacaktır.

left (Sol) ve right (Sağ) olmak üzere iki değeri mevcuttur.

.div {
    float:left;
}

CSS Clear Özelliği - Clear Property

float özelliği verilen elemandan sonra ki yazılan içeriklerde/kodlarda kaymalar yaşanabilmektedir. Bu sebeple float kullanımından sonra clear:both; özelliğinin kullanılması gerekmektedir.

clear:both; özelliği bir div 'e stil olarak verilmelidir.

CSS Kodu:

.float_temizle {
    clear:both; }

HTML/XHTML Kodu:

<div class="float_temizle"> </div>