Dan Cederholm regt in seinem Buch “Handcrafted CSS” den Gebrauch der CSS Klasse .group an. Die Idee ist bestechend… Hatten wir doch bisher am Ende eines Stylesheets lange Selektoren Listen mit dem self-clearing, bzw für IE 6 und IE 7 die % Höhen. Nun geht das viel eleganter, semantischer (und ohne in der Zukunft wahrscheinlich sinnlosen Klassen wie .clearfix etc):

.group { clear: both; content: “.”; display: block; height: 0; visibility: hidden; }

/* IE 6*/

• html .group { height: 1%; }

/* IE 7 */

*:first-child+html .group { min-height: 1%; }