CSS float – umfließend ausrichten

Mit der CSS Eigenschaft float richtet man ein Element aus. Andere Elemente oder Text können das float-Element umfließen.

Beschreibung und Syntax zu CSS float

float: left;
float: right;
float: none;

In meinem Code-Beispiel wird ein Artikelbild per float ausgerichtet. Dieses Code-Beispiel kannst du hier ansehen: Artikelbild mittels float ausrichten. Ein weiteres Code-Beispiel für das Webdesign,wo 2 Elemente ausgerichtet werden. Das eine links, das andere rechts: Webdesign mittels float.

Erläuterung der Eigenschaften

Float left
Ein mit float left deklariertes Element wird zu einem Blockelement und links ausgerichtet. Andere Elemente umfließen es. Dabei bleibt das Element links. Funktioniert mit allen Elementen, die nicht mittels position: absolute definiert wurden!

Float right
Ein mit float right deklariertes Element wird zu einem Blockelement und rechts ausgerichtet. Andere Elemente umfließen es. Dabei bleibt das Element rechts. Funktioniert mit allen Elementen, die nicht mittels position: absolute definiert wurden!

Float none
Element bleibt an seiner Position und umfließt keine anderen Elemente. Dies ist der Initialwert (Standart).

Erweitertes Wissen zu dieser Eigenschaft

Mit clear: left; clear: right; oder clear: both (beide Seiten) wird ein Float für nachfolgende Elemente wieder aufgehoben.

Informationen und Werte

Vererbbar: Nein
Initialwert: none
Werte: left, right, none