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