CSS, 자동 크기 조정 div?

Question

CSS를 사용하여 레이아웃을 디자인하려고하는데 하나의 주 컨테이너 (div)와 두 개의 내부 컨테이너 (div_upper 및 div_lower)가 있습니다. div_upper의 크기를 조정하고 div_lower가 자동으로 크기를 조정하고 두 div가 주 컨테이너에 여전히 적합하다고 가정 해 보겠습니다. 나는 이것이 자바 스크립트에서 할 수 있다고 확신하지만 이것을 수행하는 CSS는 무엇입니까? 그렇다면 나는 기뻐할 것이다.

Answer 1

A List Apart 웹 사이트의 this blogpost 웹 사이트가 올바른 방향으로 도움이 될 것입니다.

Answer 2

또 다른 해결책 :

를 사용하여 자동 수직 높이 취득하기위한이 클래스 -

.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;} 

을