float

Übersicht

Die float Eigenschaft bestimmt, ob ein Element aus dem normalen Fluss herausgelöst werden soll und nachfolgende Inhalte auf der linken oder rechten Seite des gefloateten Elements platziert werden sollen.

Standardwert: none
Anwendbar auf: alle Elemente
Vererbbar: Nein
Prozentwerte: Nein
Medium: visuell
berechneter Wert: wie festgelegt

Syntax

float:  left | right | none | inherit

Werte

none: Standardwert. Das Element wird nicht umflossen.
left: Das Element wird nach links gerückt und die Inhalte des umliegenden Elements (containing block) werden rechts vom Element angeordnet.
right: Das Element wird nach rechts gerückt und die Inhalte des umliegenden Elements (containing block) werden links vom Element angeordnet.
inherit: Der Wert des Elternelements wird geerbt.

Beispiele

Live Beispiel

<style type="text/css">
  div { border: solid red;  max-width: 70ex; }
  h4  { float: left;  margin: 0; }
</style>
 
<div>
  <h4>HELLO!</h4>
  This is some text. This is some text. This is some text.
  This is some text. This is some text. This is some text.
  This is some text. This is some text. This is some text.
  This is some text. This is some text. This is some text.
</div>

HELLO!

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.

Browser Kompatibilität

Browser	ab Version
Internet Explorer	4.0
Firefox (Gecko)	1.0 (1.0)
Opera	3.5
Safari (WebKit)	1.0 (85)

Spezifikation

CSS 2.1 Visual formatting #float