Clear Both Kullanımı

Merhaba arkadaşlar bugünkü konumuz Css’ de clear both kullanımı. Biliyorsunuz ki Css kullanan herkes float kodunu epey sıklıkla kullanıyordur. Peki nedir bu float sorusunu da yanıtlayayım. Float özelliği genel anlamda elemanın konumunu belirmek için (sağa veya sola) kullanılır. Float kullanımı genellikle yeterli alan mevcut ise yan yana dizilimler için kullanılabilir. Yani eğer eleman sola konumlandırılırsa içerik elemanın sağından akacaktır. Sonuçta her iki durumda da içerik elemanın etrafını kuşatacaktır. Float elementi şu değerleri alabilir.

  • left : İçeriği sola yaslar.
  • right: İçeriği sağa yaslar.
  • none : İçeriği orjinal haline getirir.
  • inherit: İçerik üst elementin değerlerini alır.

Clear komutuna gelecek olursak bir elemana float değeri atanmış ise bu elemandan sonra gelen elemanların üzerinde ki float etkisini kaldırmak için kullanılır. Kullanım şekli ise aşağıdaki gibidir.

.temizle
{
clear:both;
}
<div class="temizle"></div>

Bir başka makalede görüşmek üzere…

Sedat Demirdoğan

Click to rate this post!
[Total: 12 Average: 3.8]

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.