CSS/Eigenschaften/float

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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
  • Defaultwert: none
anwendbar auf alle Block-Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
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.

Weblinks

Siehe auch