Definición de .clear aplicado en CSS
La propiedad .clear está directamente relacionada con los flotadores. Si el elemento puede caber horizontalmente en el espacio al lado de otro elemento que está flotante, lo hará. A menos que aplique .clear a ese elemento en la misma dirección que el flotador. Entonces el elemento se moverá debajo del elemento flotado.
Caso de uso de clear
Esta propiedad de CSS normalmente se utiliza de la siguiente manera:
#footer {
clear: both;
}Sintaxis de .clear en CSS
clear: none|left|right|both|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| ninguna | Defecto. El elemento no se empuja debajo de los elementos flotantes izquierdo o derecho | |
| izquierda | El elemento se empuja debajo de los elementos flotantes izquierdos | |
| Correcto | El elemento se empuja debajo de los elementos flotantes a la derecha. | |
| ambas cosas | El elemento se empuja debajo de los elementos flotantes izquierdo y derecho | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .clear
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| color | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
