CSS/Eigenschaften/float

Der Begriff float ist mehrdeutig.
Dieser Artikel behandelt die CSS-Eigenschaft float. Informationen

• zum PHP-Datentyp finden sich unter PHP/Tutorials/Einstieg/Grundlagen - Werte und Datentypen,
• zu numerischen Daten in JavaScript unter JavaScript/Objekte/Number.

Die Eigenschaft float ermöglicht es, ein Element an die linke oder rechte Innenkante seines Elternelements zu verschieben

Erlaubte Werte

• left = Element steht links und wird rechts davon von nachfolgenden Elementen umflossen
• right = Element steht rechts und wird links davon von nachfolgenden Elementen umflossen
• none = Kein Umfluss (Normaleinstellung)
• inherit = erbt den float-Wert des Elternelements

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

anwendbar auf

alle Block-Elemente

Vererbung

nein

animierbar

nein

Beispiel

aside {
  float: right;
}

Die aside-Box wird rechts ausgerichtet.

Empfehlung: Zum besseren Verständnis wird das Studium des Artikels zum Box-Modell empfohlen.

Siehe auch

• CSS/Tutorials/Ausrichtung
  • float

Weblinks

• Spezifikation (W3C): float property