Expandir div para contener contenido completamente posicionado

Question

Tengo un div que contiene un grupo de controles completamente posicionados. Estos controles se generan dinámicamente y quiero que div se expanda para que cubra todo el contenido tanto en ancho como en alto. ¿Cómo puedo hacer esto en CSS?

Answer 1

si he entendido bien se puede escribir así:

.parent{ 
position:relative; 
width:100px; 
height:100px; 
} 
.dynamicDiv{ 
position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0; 
} 

Answer 2

Eso es difícil de lograr. Cuando tienes un pariente con hijos absolutos adentro, no pueden afectar el tamaño del div principal.

Tienes que usar también niños relativos. ¿Por qué los controles están posicionados como absolutos?

Pero cuando CSS falla, JavaScript viene al rescate. Entonces esto puede ser resuelto.