Den clearegenskab er direkte relateret til flåd. Hvis elementet kan passe vandret i rummet ved siden af et andet element, der flydes, vil det. Medmindre du anvender cleardet element i samme retning som flyderen. Derefter bevæger elementet sig ned under det flydende element.
Her er et simpelt eksempel på et layout konstrueret med flyder, hvilket kan være problematisk for sidefoden:
Men ved at rydde sidefodselementet klikker layoutet på plads:
#footer ( clear: both; )
I dette tilfælde klart: begge; blev brugt til at sikre, at sidefoden rydder tidligere elementer, der svæves i begge retninger. Men du kan også rydde det ene lefteller righti hvilket tilfælde elementet bevæger sig under de elementer, der svæves i den retning, men ikke det andet.
En almindelig måde at rydde svømmer på er at anvende et pseudo-element på et containerelement, der rydder svømmeren. Lær mere om det her.
Browsersupport
Den clearegenskab virker i alle browsere.