CSS'te Kayan Öğeler ve Sarım

Şu anda sınıfı parent olan iki div'imiz olduğunu varsayalım. Her birinde az miktarda metin var ve ilk divin içinde, float özelliği left değerine ayarlanmış bir resim bulunuyor.

Zaten bildiğiniz gibi, bu durumda resim ikinci bloğun üzerine binecektir:

html<div class="parent">
  <img src="img.png" alt="">
  text
</div>
<div class="parent">
  text
</div>

css.parent {
  border: 1px solid red;
}
.parent img {
  float: left;
}

Результат:

Sonraki derslerde, böyle bir üst üste binmeyi veya sarımı nasıl önleyeceğimizi inceleyelim.