CSS, auto resize div?

Question

Estoy tratando de diseñar un diseño con css, obtuve un contenedor principal (div) y dos contenedores internos (div_upper y div_lower). digamos que quiero cambiar el tamaño de div_upper y div_lower se redimensionará automáticamente y ambos divs aún caben en el contenedor principal. Estoy seguro de que esto se puede hacer en JavaScript, pero ¿hay algún CSS para lograr esto? de ser así, me alegraría.

Answer 1

Tal vez this blogpost en el sitio web A List Apart le ayudará en la dirección correcta.

Answer 2

Otra solución:

Utilice esta clase para obtener altura vertical de auto -

.getAutoHeight { 
    position: relative; 
    overflow: auto; /* edit by thobens: overflow: hidden seems to be better, as (at least) IE 8 shows always a disabled scrollbar with overflow: auto */ 
} 

<div class="getAutoHeight "> 
    any content<br /> 
    any content<br /> 
    any content<br /> 
    any content<br /> 
</div> 

Answer 3

CSS3 resize:

.thisDiv {resize:both;}