Float in CSS
Supponiamo ora di avere due div con classe
parent. In ciascuno di essi c'è un piccolo
testo, e nel primo div è posizionata un'immagine,
a cui è stata assegnata la proprietà float con valore
left.
Come già sapete, in questo caso l'immagine si sovrapporrà al secondo blocco:
<div class="parent">
<img src="img.png" alt="">
text
</div>
<div class="parent">
text
</div>
.parent {
border: 1px solid red;
}
.parent img {
float: left;
}
:
Vediamo nelle prossime lezioni come evitare tale sovrapposizione o float.
