Float Nedir?

Float, CSS’de herhangi bir elemanın bir diğerini etkilemeden sağ yada sol şeklinde konum verilmesi için kullanılan özelliktir. Float’ın Türkçesi şamandıradır.

CSS’de Float Nasıl Kullanılır?

CSS’de Float yatay konumdaki herhangi bir elemanı sağ veya sol tarafa hizalamak için kullanılır. Örneğin tasarımda table kodları yerine div’lere sağ ve sol gibi hizalar verebilmek için CSS’in float tekniğinden faydalanırız. Hemen bir örnek kod dizgisiyle açıklayalım;

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

İlginizi Çekebilir!

Div Nedir? Div Kullanımı ve Div Style

Div, HTML dilinde web sayfasını bölümlere ayırmak ve bu bölümlere CSS ile stil değerleri vermemizi sağlayan bir HTML etiketidir. Modern tasarımlarda web sayfalarının en ayrılmaz etiketlerinden olan ve HTML5 ile de kullanılmaya devam edi...

Kutu 1

Kutu 2

Kutu 3

Bu şekilde çıktı aldığımızda oluşturduğumuz kutuların yan yana geldiğini göreceksinizdir. Oysa aynı elementleri div’ler yardımıyla yaparsak her div kendi içerisinde bir element sayılacağı için Div’ler alt alta sıralanacaktır.

Örneğin;

Kutu 1

Kutu 2

Kutu 3

Şimdiyse bu Div’leri bir de float değeri vererek yapacağız, yani kutuları hizalamak için CSS’e eklemesi yapacağız. Bu eklemeyi yaptığımızdaysa sonuç olarak tüm kutular yan yana dizilmiş şekilde hizada olacaktır.

Kutu 1

Kutu 2

Kutu 3