Hola, tengo el siguiente problema: Tengo un div y dentro otro div. El div padre no le he puesto un height fijo ya que quiero que ocupe la altura necesaria para contener los divs hijos pero cuando pongo un div hijo con position relative se sale del div padre justo los px que le pongo en top y en left:
Tengo el div siguiente:
Código:
#content {
width:1050px;
height:100%;
background-color:#fff;
}
Y dentro de ese div tengo el siguiente:
Código:
#content .caja {
width:300px;
height:300px;
position:relative;
top:100px;
left:100px;
border:1px solid #000000;
background-color:#416271;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}
El html:
Código:
<div id="content">
<div class="caja">
</div>
</div>
Y la caja esta medio dentro del div padre y medio fuera... La única forma de que esté dentro es poniendo un height fijo al padre pero no me parece una buena solución, ¿alguien sabe que puedo hacer para solucionar este problema?
Saludos y gracias a todos de antemano!