Yo creo que el
clearfix normal, el de añadir un elemento vacío y limpiar, ha caído un poco en el olvido, por aquello de no ser muy semántico.
El
del overflow, aunque es a priori la técnica más cómoda, tiene la desventaja de crear barras de desplazamiento —scroll— u ocultar contenido —hidden— cuando este desborda del elemento padre.
El
micro clearfix, tiene la desventaja de tener que añadir una clase, aunque luego usas la misma siempre, claro, pero también tiene la ventaja de ser una solución limpia y elegante. No da ningún problema, no hay que añadir elementos extra, no crea barras de desplazamiento ni oculta contenido.
Yo suelo usar este último, quitando el hack aquel para IE6/7 —al lema de
hola 2013.
Código CSS:
Ver original.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}