Es gibt 4 verschiedene Box-Positionen.
Die float-Eigenschaft kann allen Block-Elementen zugeordnet werden.
| |
|---|
| float:left | An der nächsten freien Stelle links anschließen. |
| float:right | An der nächsten freien Stelle rechts anschließen. |
| float:none | Kein Textumfluss |
| float:inherit | Positionierung wie das Elternelement |
Damit eine Box nicht in die Postionierungsreihenfolge aufgenommen wird, sondern unter den letzten Boxen positioniert wird, kann mit dem Attribut clear das floating aufgehoben werden: | |
| |
|---|
clear: left | Der neue Inhalt kann sich nicht an eine links-floatende Box nicht anschließen. |
clear:right | Der neue Inhalt kann sich nicht an eine rechts-floatende Box nicht anschließen. |
clear:both | Der neue Inhalt wird in einer neuen Zeile angeordnet. |