Flottement en CSS

Supposons que nous ayons deux divs avec la classe parent. Chacun d'eux contient un petit texte, et le premier div contient une image à laquelle la propriété float a été définie avec la valeur left.

Comme vous le savez déjà, dans ce cas, l'image chevauchera le deuxième bloc :

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

Результат:

Voyons dans les prochaines leçons comment éviter un tel chevauchement ou flottement.