Clearfix simplificado sin usar selectores específicos para navegadores
20 de Noviembre 2008
Hace cosa de un mes publicaba otra forma de limpiar flotaciones y explicaba las ventajas de este método respecto a otros que se basan en el uso de hacks y ponen en peligro la compatibilidad hacia adelante. Pues bien, podía ser todavía más simple e indoloro.
Código CSS para la clase “clearfix”
.clearfix:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{min-height: 0; height: 1%;}
Con el uso de min-height, atacamos a Internet Explorer 7 sin causar daños colaterales y con height 1% hacemos lo mismo con Explorer 6.
Sobre esta entrada
Archivado en CSS
