Contacta (+34) 622 045 404

Estudio de desarrollo front-end, maquetación web, diseño y programación WordPress freelance.

Fundado por Alberto Fortes, diseñador y maquetador web HTML5 responsive design, front-end developer JavaScript y programador WordPress freelance a medida desde 2006.

Especializados en outsourcing con importantes clientes finales.

Clearfix vs. Overflow

19 Septiembre, 2006

Ayer surgió la pregunta, usar clearfix u overflow para evitar el problema de que un div que contiene un elemento flotante no se expanda a la totalidad de la altura de su hijo.

Clearfix es así:

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

Y overflow se puede aplicar al div padre tanto con la propiedad hidden como auto. Si lo usamos simplemente como hack sin ninguna otra funcionalidad, yo prefiero la primera, ya que me evito un molesto scroll si he andado tan despistado que no he contado bien los márgenes:

#div_padre{
overflow:hidden;
}

A mí siempre me venido funcionado overflow bien. Mientras que clearfix está bastante currado y ha pasado ser una de las grandes genialidades en CSS de Holly ‘n John, funciona correctamnete y está muy extendido. Aunque nuestra decisón ya está tomada, me siguen surgiendo bastantes dudas acerca de si es mejor seguir usando el método seguro (clearfix) o el ultra sencillo mientras no “pete”(overflow). A nivel personal… que hago que hago…