¡Novedad para mí! Hay una especificación para él y Firefox dice que tienen la intención de enviarlo. Es como display: block;
solo:
Siempre establece un nuevo contexto de formato de bloque para su contenido.
.group {
display: flow-root;
}
Significado: no tienes que usar trucos de clearfix. Sin embargo, hay un poco más. Fiona Chan tiene una pequeña charla sobre el contexto de formato de bloques. Creo que afecta z-index
y transforms
en algunos casos también. ¿Cualquiera?
Sospecho que Nicole Sullivan lo aprobará. Siempre ha estado escribiendo y hablando sobre nuevos contextos de formato. En 2010 incluso escribió:
Ojalá tuviéramos un par de valores de propiedad simple que hiciera lo mismo en los navegadores basados en estándares.
.lastUnit {
formatting-context: new; /* please! */
}
Usar el desbordamiento no es una solución real. Se esconde box-shadow
, por una cosa.
Ver también
- Rachel Andrew: ¿El fin del hack de Clearfix?
- Thierry Koblentz: pantalla: raíz de flujo versus clearfix
Enlace directo →