clear
Nieruchomość jest bezpośrednio związane z pływaków. Jeśli element może zmieścić się poziomo w przestrzeni obok innego elementu pływającego, tak będzie. Chyba że zastosujesz clear
do tego elementu w tym samym kierunku co pływak. Następnie element przesunie się w dół poniżej elementu pływającego.
Oto prosty przykład układu zbudowanego z pływakami, który może być problematyczny dla stopki:


Ale po wyczyszczeniu elementu stopki układ wskakuje na miejsce:
#footer ( clear: both; )


W tym przypadku jasne: oba; został użyty, aby zapewnić, że stopka czyści poprzednie elementy pływające w dowolnym kierunku. Ale możesz także wyczyścić jeden z nich left
lub right
w takim przypadku element przesunie się poniżej elementów pływających w tym kierunku, ale nie w drugim.


Typowym sposobem czyszczenia elementów pływających jest zastosowanie pseudoelementu do elementu kontenera, który czyści pływak. Dowiedz się więcej na ten temat tutaj.
Wsparcie przeglądarki
clear
Własność działa we wszystkich przeglądarkach.