La clearpropiedad está directamente relacionada con los flotadores. Si el elemento puede caber horizontalmente en el espacio junto a otro elemento que está flotando, lo hará. A menos que aplique cleara ese elemento en la misma dirección que el flotador. Luego, el elemento se moverá hacia abajo por debajo del elemento flotante.
Aquí hay un ejemplo simple de un diseño construido con flotantes, que podría ser problemático para el pie de página:
Pero al borrar el elemento de pie de página, el diseño encaja en su lugar:
#footer ( clear: both; )
En este caso, claro: ambos; se utilizó para garantizar que el pie de página borre los elementos pasados que flotan en cualquier dirección. Pero también puede borrar uno lefto righten cuyo caso el elemento se moverá debajo de los elementos que flotan en esa dirección, pero no en la otra.
Una forma común de borrar los flotadores es aplicar un pseudoelemento a un elemento contenedor que borra el flotador. Aprenda más sobre eso aquí.
Soporte del navegador
La clearpropiedad funciona en todos los navegadores.