Beşiktaş Haber Portalı

Float kodu align koduna benzer. Align kodu resimlere pozisyon vermemize sağlarken float kodu css yardımıyla tüm elementlere pozisyon vermemizi sağlar. Aldığı değerler de “left, right, inherit ve none” değerlerinden biridir. Float kodunu verdiğimiz elementten sonraki element ister float ile bi değer verelim ister vermeyelim her zaman float kodlu elementin yanında yer alır. Eğer floatlı elementten sonraki elementin yanında yer almasını istemiyorsak bu sefer de css den clear kodunu kullanırız. Bu sayede yanındaki elementin float kodunu yok sayarmışçasına işlem görür. Clear kodu da “left, right, both, inherit ve none” değerlerini alır. Örnek yapacak olursak aşağıdaki örneği inceleyebiliriz.

1
2

<div id="kutu"></div>
Deneme Yazı Elementi

Css kodları ise şöyle belirleyelim:

1
2
3
4
5

#kutu{
float:left;
width:100px;
height:100px;
}

İşte bu kodlarla ise şöyle bir sonuç alırız. Kutu sayfanın solunda yer alır ve yazı de hemen kutunun bitişiğinde.