origen :
.clarfix: después {
Visibilidad: oculto;
Pantalla: bloque;
tamaño de fuente: 0;
contenido: " ";
claro: ambos;
Altura: 0;
}
.CLEARFIX {Display: Inline-Table;
/* Se esconde desde IE-Mac */
* html .clarfix {altura: 1%;
.CLEARFIX {Display: Block;
/ * End se esconde de IE-Mac */
ilustrar :
* Aplique el primer bloque de declaración a la mayoría de los navegadores que cumplen con el estándar, con el objetivo de crear un bloque nulo invisible para eliminar la flotación para el elemento objetivo.
*El segundo elemento aplica el atributo de pantalla en línea en línea para ClearFix, solo para IE/Mac.
* Usar* / Ocultar algunas reglas de IE / Mac:
* Altura: el 1% se usa para activar Haslaut en IE6.
*Reapplante Bloque de pantallas Propiedades a IE fuera de IE/Mac.
*La última línea se usa para finalizar el hack para IE/Mac.
Dado que este método está dirigido a los navegadores que se han convertido en historia (especialmente IE5 en Mac), o están en camino a los estándares, este método ya no es tan progresivo como los tiempos.
Después de tirar el soporte para IE/MAC, un nuevo método de despejar la flotación:
/ * nuevo ClearFix */
.clarfix: después {
Visibilidad: oculto;
Pantalla: bloque;
tamaño de fuente: 0;
contenido: " ";
claro: ambos;
Altura: 0;
}
* html .clarfix {zoom: 1;
*: First-Child+HTML .CLEARFIX {Zoom: 1;
ilustrar :
IE6 e IE7 tampoco admiten: después de la pseudo-clase, por lo que se necesitan los dos siguientes para activar la capa de IE6/7 para despejar el flotador. Afortunadamente, IE8 apoya: después de las pseudo-clases. Por lo tanto, solo se necesita el hack para IE6/7.