CSS'te Bloklar için float Özelliği

float özelliği sadece resimlere değil, diğer tüm bloklara da uygulanabilir.

Bunu test edelim.

Diyelim ki parent sınıfına sahip bir üst blok ve onun içinde metin ile child sınıfına sahip bir alt blok var. Her iki bloğa da kenarlık tanımlandı, alt bloğa ise ayrıca genişlik ve yükseklik verildi:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат:

Şimdi alt bloğun float değerini left olarak ayarlayalım - metin bloğumuzun etrafını saracak:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат: