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:
<div class="parent">
<img src="img.png" alt="">
text
</div>
<div class="parent">
text
</div>
.parent {
border: 1px solid red;
}
.parent img {
float: left;
}
:
Seuraavissa oppitunneissa tarkastelemme, kuinka tällaista päällekkäin asettumista tai kelluntaa voidaan välttää.
