- Float (CSS)
-
Float (engl. (im Wasser) treiben, schweben) ist eine CSS-Eigenschaft. Elemente welche mit dieser Eigenschaft versehen werden, lassen andere Elemente um sich herumfließen. Ein beliebtes Einsatzgebiet sind Texte, in welche eine Grafik eingefügt wird, ohne dass dadurch unschöne Absätze oder Zeilenumbrüche entstehen. Unabhängig davon, ob die vertikale Ausrichtung nach links oder rechts erfolgt, muss das zu umfließende Objekt im Quelltext zuerst aufgeführt werden.
Werte
- left
- Ausrichtung des Objektes erfolgt links, anderen Elementen wird der Umfluss auf der rechten Seite gestattet
- right
- Ausrichtung des Objektes erfolgt rechts, anderen Elementen wird der Umfluss auf der linken Seite gestattet
- none
- Es findet keine Ausrichtung des Objektes statt
Beispiel
<img src="foo.png" style="float: left;" alt="foo" /> <p>Lorem ipsum dolor sit amet, consectetur, adipisci velit …</p>
Der gezeigte Code-Ausschnitt bindet eine Grafik ein und lässt den nachfolgenden Text herumfließen.
Die CSS-Anweisung clear stellt den Textfluss wieder her.
Wikimedia Foundation.