CSS, автоматическое изменение размера div?

Question

Я пытаюсь создать макет с помощью css, у меня есть один основной контейнер (div) и два внутренних контейнера (div_upper и div_lower). скажем, я хочу изменить размер div_upper и div_lower автоматически изменит размер самого себя, и оба div все еще помещаются в основной контейнер. Я уверен, что это можно сделать в JavaScript, но есть ли CSS для этого? если так, я был бы рад.

Answer 1

Другое решение:

Используйте этот класс для получения автоматической вертикальной высоты -

.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 2

Может быть этот блог на сайте A List Apart поможет вам в правильном направлении.

Answer 3

CSS3 resize:

.thisDiv {resize:both;}