overflow hidden VS clear fix VS mircro clear fix

[Edikyutter]

Me enfrento a un dilema, soy estudiante de desarrollo web, uno de mis profesores dice que es mejor usar el clearfix o el micro clearfix pero otra profesora dice que es mejor usar el overflow hidden, al fin y al cabo ¿cuál es la mejor manera a usar para contener elementos flotados?

Si me pueden aclarar esto les agradecería mucho

[ArturoGallegos]

cada situación puede ser diferente por lo que el mejor método no siempre puede ser el mismo... lo mejor sera valorar y decidir al momento.

claro siempre hay que recurrir a lo mas limpio, yo me declino por overflow:hidden pero hay situaciones donde no es lo mas conveniente, por ejemplo cuando el contenedor es muy pequeño y requieres usar algún elemento que exceda sus limites bajo ciertas circunstancias.

[pzin]

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:

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
 
.cf:after {
  clear: both;
}
 

[Edikyutter]

Mmm ya veo, creo que si, hasta ahora he estado usando el micro clearfix, sin embargo hay veces que necesito "limpiar" varios elementos y no me agrada como quea con las clases, como dijo ArturoGallegos "lo mejor será valorar y decidir en el momento", quería ver la opnión de otros desarrolladores para saber cómo guiarme. Muchas gracias ;)