Durchdringen von fließenden Elementen durch Tags in CSS
Nehmen wir an, der Text ist jetzt in Absätzen platziert,
und das Bild, dem die Eigenschaft float
zugewiesen wurde, befindet sich über diesen Absätzen. In diesem Fall
wird alles so funktionieren, wie es funktioniert hat - das Vorhandensein
anderer Tags stört das Umfließen nicht:
<div>
<img src="img.png" alt="">
<p>
some long text
</p>
<p>
some long text
</p>
</div>
div {
width: 400px;
border: 1px solid red;
text-align: justify;
}
img {
float: left;
}
:
Nehmen wir nun an, der erste Absatz enthält wenig Text - in diesem Fall wird das Bild in den zweiten Absatz hineinragen:
<div>
<img src="img.png" alt="">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire.
</p>
<p>
some long text
</p>
</div>
div {
width: 400px;
border: 1px solid red;
text-align: justify;
}
img {
float: left;
}
:
