Borrar nuevas palabras flotantes

origen :

.clearfix:después {
visibilidad: oculta;
mostrar: bloquear;
tamaño de fuente: 0;
contenido: " ";
claro: ambos;
altura: 0;
}
.clearfix { mostrar: tabla en línea }
/* Se oculta de IE-mac */
* html .clearfix { altura: 1% }
.clearfix { mostrar: bloquear }
/* Finalizar la ocultación de IE-mac */

ilustrar :

• *Aplica el primer bloque de declaración a la mayoría de los navegadores que cumplen con los estándares, con el objetivo de crear un bloque de contenido vacío invisible que borre los elementos flotantes del elemento de destino.
• *El segundo elemento aplica el atributo de visualización de tabla en línea para clearfix, solo para IE/Mac.
• *Explotar* / Ocultar algunas reglas de IE/Mac:
• * altura: 1% se utiliza para activar haslayout en IE6.
• *Vuelva a aplicar el atributo de visualización de bloques a IE que no sea IE/Mac.
• *La última línea se utiliza para finalizar el hack para IE/Mac.

Dado que los navegadores a los que se dirige este método han pasado a la historia (especialmente IE5 en Mac) o están en camino de convertirse en estándares, este método ya no está tan actualizado.

Después de dejar de ser compatible con IE/Mac, aparece un nuevo método para borrar flotantes:

/* nueva corrección clara */
.clearfix:después {
visibilidad: oculta;
mostrar: bloquear;
tamaño de fuente: 0;
contenido: " ";
claro: ambos;
altura: 0;
}
* html .clearfix { zoom: 1 } /* IE6 */
*:primer hijo+html .clearfix { zoom: 1 } /* IE7 */

ilustrar :

Ni IE6 ni IE7 admiten la pseudoclase :after, por lo que las dos siguientes son necesarias para activar el haslayout de IE6/7 para borrar los flotantes. Afortunadamente, IE8 admite la pseudoclase :after. Así que sólo se necesitan hacks para IE6/7.