jueves, 24 de mayo de 2012

CSS clearfix

A la hora de maquetar, uno de los problemas clásicos que nos encontramos son las capas que contienen elementos flotados, y que no los cubren en su totalidad.

La solución "antigua" consistía en añadir un elemento al final con un "clear: both;", para obligar que la capa externa contenga todos los elementos.

Posteriormente, se han usado otros artificios, como el típico estilo "clearfix".

Sin embargo, nuestro compañero Javier Asuar nos comenta que parece que hay una solución más sencilla. Bastaría con añadir un "overflow: hidden;" a la capa contenedora. Ojo, que en algunos casos debemos añadir un "min-width", para asegurarnos de que las barras de scroll aparecen si el tamaño de la ventana es demasiado pequeño.

Enlaces de referencia:

No hay comentarios:

Publicar un comentario