Ü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
<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) |