Neu für mich! Es gibt eine Spezifikation dafür und Firefox sagt, sie beabsichtigen, sie zu veröffentlichen. Es ist genau wie display: block; nur
Es etabliert immer einen neuen Block-Formatierungskontext für seine Inhalte.
.group {
display: flow-root;
}Bedeutung: Sie müssen keine clearfix Hacks verwenden. Es steckt jedoch etwas mehr dahinter. Fiona Chan hat einen Mini-Talk über den Block-Formatierungskontext. Ich glaube, er beeinflusst in einigen Fällen auch z-index und transforms. Jemand?
Ich vermute, Nicole Sullivan wird zustimmen. Sie schreibt und spricht schon ewig über neue Formatierungskontexte. Im Jahr 2010 hat sie sogar
Ich wünschte, wir hätten ein einfaches Eigenschaft-Wert-Paar, das in Browsern, die Standards unterstützen, dasselbe bewirkt.
.lastUnit { formatting-context: new; /* please! */ }
Einfach nur overflow zu verwenden ist keine wirkliche Lösung. Es versteckt z. B. box-shadow.
Siehe auch
- Rachel Andrew: Das Ende des Clearfix Hacks?
- Thierry Koblentz: display: flow-root versus clearfix