Umfließen in CSS

Nehmen wir an, wir haben zwei Divs mit der Klasse parent. In jedem befindet sich ein kurzer Text, und im ersten Div ist ein Bild platziert, dem die Eigenschaft float mit dem Wert left zugewiesen wurde.

Wie Sie bereits wissen, wird das Bild in diesem Fall auf den zweiten Block überlappen:

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

Результат:

Lassen Sie uns in den folgenden Lektionen betrachten, wie man ein solches Überlappen oder Umfließen vermeiden kann.