“Le meilleur clearfix jamais?”

J'ai vu cette méthode différente pour clearfix ici: http://www.marcwatts.com.au/blog/best-clearfix-ever/

Il propose d'ajouter le code CSS suivant qui automatise clearfix et ne nécessite pas l'ajout d'un "clearfix" ou de catégorie similaire pour les éléments que vous souhaitez effacer.

/* our Global CSS file */
article:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
aside:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
div:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
footer:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
form:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
header:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
nav:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
section:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
ul:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
/* our ie CSS file */
article { zoom:1; }
aside { zoom:1; }
div { zoom:1; }
footer { zoom:1; }
form { zoom:1; }
header { zoom:1; }
nav { zoom:1; }
section { zoom:1; }
ul { zoom:1; }

Qu'il ya des inconvénients à cette méthode? Cela pourrait-il finir clearfix avec les éléments que vous ne pouvez pas forcément envie clearfix ed? Ou sont les règles telles que cela permettra de tenir compte de toute situation?

Pas liés, mais savez-vous que vous pouvez utiliser plusieurs sélecteurs CSS pour un ensemble unique de règles? Pas besoin de dupliquer le CSS. Exemple: nav, div, header, section, ul li a, p strong {zoom:1}
euh, vraiment, vous devez définir plusieurs sélecteurs css: article:after, aside:after, div:after, ... { clear:both; ... }
Je sais, je suis juste le coller comme c'est sur ce site. J'ai remarqué que. 😉
Le lien en question est cassé.Merci si vous pouvez résoudre ce problème.

OriginalL'auteur Jake Petroules | 2011-06-07