A veces cuando se quiere hacer un contenedor y meter dos elementos flotados (ejemplo: hacer un contenedor con dos columnas)... y el alto de estas columnas no se sabe, pues no podemos saber qué alto poner al contenedor:
Ejemplo:
Código HTML:
#contenedor{
position:relative;
width:900px;
border:2px solid blue;
}
#columna-izq{
float:left;
width:600px;
}
#columna-der{
float:right;
width:250px;
}
En este caso... las columnas saldrían bien, pero el borde azul del contenedor quedaría debajo de las columnas.
Para corregir esto le ponemos un overflow:auto; al contenedor, que lo que hace es ajustar
automáticamente el alto.
Entonces quedaría así el contenedor:
Código HTML:
#contenedor{
position:relative;
width:900px;
border:2px solid blue;
overflow:auto; //AÑADIR ESTO
}
Espero que este mini-aporte sirva a alguien... ya dejaré otro Saludos
