Css de Clear Both Nedir? Nasıl Kullanılır?  Css de Clear Both Nedir? Nasıl Kullanılır? | Googleda Görüntüle

Css de Clear Both Nedir? Nasıl Kullanılır?
 BEĞEN
  YORUM YAP

WallpaperPlay | Ücretsiz HD Masaüstü ve Mobil Wallpaper Duvar Kağıdı

Bilindiği gibi css'de nesneleri yanyana dizebilmek için float:left komutunu kullanırız.Bu komutun yanında floatın diğer aldığı değerlerde dahildir.Fakat art ardına gelen divler ve bunların float left parametreleri bizim kod yapımıza etki edecek ve istediğimiz yapıyı alamayacağız.Nasıl bir etki? diye sorucak olursak, örneğin iç içe giren divler, nesneler gibi.
Tam bu kısımda clear both komutu bizim yardımımıza yetişiyor.
Clear both kendisinden bir önceki float parametresini temizler ve kendisinden sonraki gelen nesneyi temiz bir yolda tutar.Yani kısaca clear both komutuna float temizleyici diyebiliriz.

Clear Both Nasıl Kullanılır Örneğiyle Anlatalım

Css de clear both nedir? nasıl kullanılır?

Yukarıda örnekte gördüğümüz gibi bir yapımız var diyelim eğer bu iki float parametresini taşıyan nesnelerimizden sonra gelecek nesnelerimizin diziliminde bir problem yaşamamak için clear both kullanmalıyız.

Etiketler

Yorumlar

Bu Konuya Ait 1 Onaylı Yorum Bulunuyor.

Çağrı OZ

Çağrı OZ

  5 ay önce

İlla 2 taraflı float kullanıncamı clear yapammız gerekiyor yoksa sadece float left yada right diyincedemi yapmamız gerekiyor

Emre Ceyhan

Emre Ceyhan | Admin

  5 ay önce

Mesela float:left taşıyan bir div'imiz var. Bundan sonra gelecek elemanların bu divden etkilenmemesi için, ya clear:left ya da clear:both kullanabilirsiniz. Clear:both hem float:left'i hemde float:right'ı kapsar.Ondan sonra gelen elemanların daha düzgün bir şekilde olmasını sağlar.

Yorum Yap

CSS3 -webkit / -moz / -o Nedir ? CSS3 ve Tarayıcı İlişkisi

Belki daha önce karşılaşmız olabilirsiniz.Bazı CSS3 kodları birkaç defa aynı yazılıp baş...

  616   2 gün önce

CSS3 Geçiş Efektleri - Transition Nedir? Nasıl Kullanılır?

Merhaba arkadaşlar, çoğu sitelerde gördüğümüz daha yumuşak ve animasyonlu şekilde geçiş ...

  345   1 hafta önce

3. İndir.com Mobil Uygulama Yarışması ABD'ye Götürüyor

İNDİR.COM MOBİL UYGULAMA YARIŞMASI ABD’ YE GÖTÜRÜYOR Geçtiğimiz ik...

  852   11 ay önce

CSS [ text-transform:uppercase ] Karakter Sorunu Çözümü

Css'de metin (text) biçimlendirme özelliklerinden biri olan text-transform:uppercase parametresini...

  3059   1 yıl önce

Mesut Hocaoglu 1 hafta önce demiş ki;


İnternet ortamında " bu işin piriyim " diye geçinenlere nazaran kısa ve açıklayıcı anlatım...
Yoruma Git

Kutay Erten 1 hafta önce demiş ki;


Kardeşim seni tebrik ediyorum bu kadar kısa bir kodu uzun uzun anlatmışşın , renk geçişleri...
Yoruma Git

Abdullah 1 hafta önce demiş ki;


Teşekkürler:)
Yoruma Git

Ahmet Altınkaynak 3 hafta önce demiş ki;


Site içeriğini ve samimi cevaplarınızı çok takdir ettim. Bilgiler çok işime yarıyor Teşekk...
Yoruma Git