Kellunta CSS:ssä

Oletetaan, että meillä on kaksi parent-luokan diviä. Kummassakin on pieni teksti, ja ensimmäisessä divissä on kuva, jolle on asetettu float-ominaisuuden arvoksi left.

Kuten jo tiedät, tässä tapauksessa kuva asettuu toisen lohkon päälle:

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

Результат:

Seuraavissa oppitunneissa tarkastelemme, kuinka tällaista päällekkäin asettumista tai kelluntaa voidaan välttää.