Opis

float określa, w jaki sposób element powinien się unosić (pływać) umieszczając element po lewej lub prawej stronie kontenera i umożliwiając owijanie się wokół niego elementów tekstowych i śródliniowych. Element jest usuwany z normalnego przepływu strony, ale nadal pozostaje częścią przepływu (w przeciwieństwie do pozycjonowania bezwzględnego).

Elementy pozycjonowane absolutnie ignorują wartości float

Elementy po elemencie pływającym będą koło niego przepływać. Chcąc to przerwać, użyj właściwości clear lub sposobu clearfix, który poprawi problem za krótkiego konteneru.

Przykład

Pierwszy akapit, "span" zostałby wypchnięty...

blok - oczekujący pływak

akapit - tekst po oczekiwanym pływaku

akapit - drugi tekst

Kod:
Wartości

float: none|left|right|initial|inherit;

WartośćOpis
none Element nie wypływa (zostanie wyświetlony dokładnie tam, gdzie występuje w tekście). Domyślne
left Element pływa (na górze) po lewej stronie pojemnika
right Element unosi się po prawej stronie pojemnika
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady: left + sztuczka (klasa clearfix dla kontenera z ramką)  |     |     |     |  
Info: Domyślna wartość: none
Dziedziczenie:
Animowalność:
JavaScript: object.style.float (starsze: cssFloat)