Hacer que un contenedor englobe a los elementos flotados
Existen varios métodos para conseguir que un elemento contenga a los elementos flotados que hay dentro de él, ya que por defecto no lo hace.
Dependiendo de la situación podremos utilizar uno u otro:
- Flotar el contenedor
- Introducir un elemento extra dentro del contenedor, tras el/los flotado/s, y aplicarle un clear:both
- Aplicar al contenedor overflow:hidden o overflow:auto y asignarle un width (que no sea auto); esto último sólo es necesario para el Internet Explorer.
La tercera opción está avalada por la especificación del W3C.