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:
<div class="parent">
<img src="img.png" alt="">
text
</div>
<div class="parent">
text
</div>
.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.