CSS-də Ətrafa Dolanma

Fərz edək ki, indi hər biri parent sinfinə malik iki div-imiz var. Hər birində az miqdarda mətn var və birinci div-də üzərinə float xassəsi left dəyərində təyin olunmuş şəkil yerləşir.

Artıq bildiyiniz kimi, bu halda şəkil ikinci blokun üzərinə düşəcək:

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;
}

Результат:

Gəlin növbəti dərslərdə belə üst-üstə düşmə və ya ətrafa dolanmanın qarşısını necə almağı müzakirə edək.