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

• none = Kein Umfluss (Normaleinstellung)
• left = Element steht links und wird rechts davon von nachfolgenden Elementen umflossen
• right = Element steht rechts und wird links davon von nachfolgenden Elementen umflossen
• inline-start (Logische Richtungsangaben)
• inline-end
• 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

• 

  Textumfluss mit float und clear
  • Positionierung mit float
  • clearfix
   

Weblinks

• Spezifikation (CSSWG): float property
• CSSWG: # float-clear (CSS Logical Properties and Values Module Level 1)
• MDN: float