Sie sind hier: Startseite -> CSS-Grundlagen -> Positionierung -> Float -> Beispiel: float

CSS-Beispiele: Float für die Positionierung

Beispiel: float zur Positionierung

CSS: float:left;

CSS: float:right;

CSS: clear:left;float:left;

CSS: float:left;

CSS: float:left; margin-left: 20px;



Zeile 1: das erste Kästchen orientiert sich nach links, das zweite nach rechts.
Zeile 2: das dritte Kästchen wäre normalerweise neben dem ersten der ersten Zeile positioniert, da aber mit clear der float-Befehl aufgehoben wurde, steht es in der zweiten Zeile. Für das vierte Kästchen ist der float-Befehl aber nochmals eingetragen worden, damit dieses rechts von Kästchen drei mit dem üblichen Float-Befehl angeordnet werden kann.
Das letzte Kästchen ist wieder mit float:left angeordnet, aber mit einem linken Abstand von 20 Pixel zusätzlich ausgestattet. Damit sieht man, wie float und margin zusammenarbeiten.

Ebenfalls interessant:

[aktuelle Seite]

Beispiel: float

Informationen über ein praktisches CSS-Beispiel für die Verwendung des float-Befehles.

Zurück zum Hauptthema

Übersicht Float

Startseite CSS-Grundlagen