CSS Kaydırma – Float ve CSS Clear Özelliği – Clear Property

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 floatkullanı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>