Die CSS-Eigenschaft float für Blöcke
Die Eigenschaft float ist nicht nur
für Bilder anwendbar, sondern für beliebige andere Blöcke.
Lassen Sie uns das überprüfen.
Nehmen wir an, wir haben einen Eltern-Block mit der Klasse parent,
und darin befinden sich Text und ein Kinder-Block
mit der Klasse child. Beiden Blöcken ist ein
Rahmen zugewiesen, und dem Kind außerdem eine Breite und Höhe:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
width: 200px;
height: 100px;
border: 1px solid green;
}
:
Lassen Sie uns nun für das Kind float
auf den Wert left setzen - der Text beginnt nun,
unseren Block zu umfließen:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
