Float löst ein Element aus dem Fluss und lässt Text daneben fließen. Für Layouts ist es überholt, für umflossene Bilder bleibt es richtig.
- Float (CSS)
Eigenschaft, die ein Element an den linken oder rechten Rand stellt und nachfolgenden Inhalt daneben fließen lässt.
Beispiel: „Ein Float nimmt das Element teilweise aus dem Fluss.“
Wofür es heute noch taugt
Für genau das, wofür es gedacht war: ein Bild im Text, um das der Text herumläuft. Das leisten weder Flexbox noch Grid, weil beide den Text nicht umfließen lassen.
.bild-links {
float: left;
margin: 0 1.5rem 1rem 0;
max-width: 40%;
}Warum es als Layoutwerkzeug ausgedient hat
Vor Flexbox wurden ganze Raster damit gebaut. Weil ein Float aus dem Fluss fällt, kennt der umgebende Kasten seine Höhe nicht mehr, und es brauchte Hilfskonstruktionen zum Aufräumen. Für Layouts sind Flexbox und Grid die richtigen Werkzeuge.