CSS，自动调整div的大小？

Question

我正在尝试使用 css 设计布局，我有一个主容器 (div) 和两个内部容器 (div_upper 和 div_lower)。假设我想调整 div_upper 的大小，div_lower 会自动调整自身大小，并且两个 div 仍然适合主容器。我确定这可以在 javascript 中完成，但是是否有任何 CSS 可以完成此操作？如果是这样我会很高兴。

原文由 khousuylong 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

也许 A List Apart 网站上的 这篇博 文会帮助您找到正确的方向。

原文由 RuudKok 发布，翻译遵循 CC BY-SA 2.5 许可协议

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>

原文由 Otabek 发布，翻译遵循 CC BY-SA 3.0 许可协议