pantalla: raíz de flujo; | Programar Plus

¡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 →

(Visited 2 times, 1 visits today)