Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Float-Eigenschaft

Die float-Eigenschaft ist ein mächtiges Werkzeug zur Seitengestaltung. Mit Hilfe dieser Eigenschaft können Inhaltsbereiche nebeneinander gestellt werden; so entstehen z.B. die beliebten »Spaltenlayouts«.

Mögliche Werte

left
Das Element wird möglichst weit links platziert und die Inhalte der nachfolgenden Elemente fließen rechts daran vorbei.
right
Das Element wird möglichst weit rechts platziert und die Inhalte der nachfolgenden Elemente fließen links daran vorbei.
none
das Element wird nicht umflossen

Die float-Eigenschaft kann jedem Element zugewiesen werden.

Darstellung

Elemente mit float-Eigenschaft werden als Blockelemente dargestellt und können Breite und Höhe zugewiesen bekommen.

Wird einem gefloateten Element keine Breite zugewiesen, ist es so breit, wie es sein Inhalt erfordert (shrink-to-fit). Aus Kompatibilitätsgründen sollten gefloatete Elemente immer eine Breitenangabe bekommen.