En algunas ocaciones puede llegar a pasar que queremos ponerle un borde a nuestro div contenedor y simultaneamente la diagramación del contenido la hemos pensado en bloques, este ejemplo simplifica un error muy común en una maquetación de 2 columnas.
Si hacemos una pequeña observación, en la parte superior se encuentra una linea de color negro, esto se supone que sea el cuadro que esta conteniendo nuestras 2 columnas, el ERROR?,
R/
que no lo cubre.
PD. Esto es en el caso de firefox
La solución que comunmente se conoce (bueno la que yo uso) es usar la variable "clear".
Entonces Solución? = clear:both;
Muy complicado, más esta opción no le hace caso a los floats.
Mejor solución y que me resulta?
Overflow
Ejemplo -->