Flyt i CSS

La oss si at vi nå har to div-er med klassen parent. I hver av dem er det en liten tekst, og i den første div-en er det plassert et bilde som har egenskapen float satt til verdien left.

Som du allerede vet, vil bildet i dette tilfellet overlappe den andre blokken:

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

Результат:

La oss i de følgende leksjonene se på hvordan vi kan unngå slik overlapping eller flyt.