css-float-clear-ve-bosluk

CSS float özelliği, bir öğenin nasıl yüzmesi gerektiğini belirtir.

CSS clear özelliği, hangi öğelerin temizlenmiş öğenin yanında ve hangi tarafta yüzülebileceğini belirtir.



Float özelliği

float Mülkiyet web sayfalarında konumlandırma ve düzeni için kullanılır.

float Mülkiyet aşağıdaki değerlerden birine sahip olabilir:

left Eleman kabının solunda yüzer

rihgt Eleman kabının sağında yüzer

none Eleman kaybolmaz (metinde oluştuğu yerde görüntülenir). Bu varsayılan değer

inherit Eleman üst öğesinin float değerini devralır

En basit kullanım float biçiminde , mülk metinleri resimlerin etrafına sarmak için kullanılabilir.

img {

float: right;

}

img {

float: left;

}

img {

float: none;

}



Berrak Emlak

clear Mülkiyet unsurları temizlendi elemanı yanında ve hangi tarafta üzerinde yüzer ne belirtir.

clear Mülkiyet aşağıdaki değerlerden birine sahip olabilir:

yok Her iki tarafta yüzen öğelere izin verir. Bu varsayılan değer

left Sol tarafta yüzen öğe yok

right Sağda izin verilen kayan öğe yok

both Sol veya sağ tarafta yüzen unsurlara izin verilmez

inherit Eleman, üst öğesinin açık değerini devralır

Bir öğede clear bir float mülk kullandıktan sonra özelliği kullanmak için en yaygın yoludur .

div {

clear: left;

}



Hack açıklaması

Bir eleman onu içeren elemandan daha uzunsa ve yüzen ise, kabın dışına taşacaktır.

Ardından overflow: auto;, bu sorunu çözmek için içeren öğeye ekleyebiliriz :

.clearfix {

overflow: auto;

}

Taşma: otomatik temizleme düzeltmesi, kenar boşluklarınızı ve dolguyu kontrol altına alabildiğiniz sürece iyi çalışır (başka şekilde kaydırma çubuklarını görebilirsiniz). Yeni ve modern Clearfix kesmek ancak kullanımı daha güvenlidir ve aşağıdaki kodu, çoğu web sayfaları için kullanılır:

.clearfix::after {

content: "";

clear: both;

display: table;

}

::after Sonraki bölümdeki sözde elemanlar hakkında daha fazla bilgi edineceksiniz .