Jasne - CSS-Tricks

Anonim

clearNieruchomość 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 cleardo 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 leftlub rightw 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

clearWłasność działa we wszystkich przeglądarkach.