Tenemos una div con ID (#div1) cuya altura es elástica (height:auto;). Al agregar dentro de ésta otra div con clase en este caso (.div2) con una altura fija (height:200px;), la altura de la primera deberían ser 200px. Supongamos que la 1ª div contuviera 3 .div2. Ahora #div1 debería tener una altura de 600px... Pues he aquí el problema... La 1ª div no crece... Alguien sabe por qué puede ser?? Os muestro el código para que lo comprendáis mejor:
Código:
<html>
<head>
<style type="text/css">
#div1 {
width:400px;
height:auto;
margin:auto;
border:5px solid black;
}
.div2 {
width:400px;
height:200px;
float:left;
background:grey;
}
</style>
</head>
<body>
<div id="div1">
<div class="div2">
</div>
<div class="div2">
</div>
<div class="div2">
</div>
</div>
</body>
</html>
