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

this blogpost网站上的A List Apart可能会帮助您找到正确的方向。

Answer 3

CSS3 resize：

.thisDiv {resize:both;}