Una manera fácil de hacer clear a tus floats en CSS, es esta, incluyes en tu código CSS el estilo del elemento, y le agregas la propiedad overflow: hidden:
.containingElement{ overflow: hidden; }
Finalmente, hay que hacer un pequeño hack en Internet Explorer 6 para que lo soporte:
* html #container{ height: 1%; }
Recordad, ascerisco delante era solo para la versión de Internet Explorer 7 o inferiores. Si deseas saber más sobre los comentarios condicionales, lee este artículo que publicamos.
Vía | Dtott
Sigue la onda...
Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!
