Webdesign mit XHTML und CSS

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.