当外部 div 增长时，使内部 div 的高度增长

Question

我在一个父 div 中有两个 div（见下图）。当“黑色” div 的高度增加时，外部“红色” div 也会增加，但我想让“绿色” div 也增长。这如何在 css 中完成？

Answer 1

使用 height:100% 可能不起作用，因为父 div 的 position 属性为 static（默认）。将position:relative 应用于父级，它应该可以工作。 :)

Answer 2

您可以使用 CSS 属性 table, table-row, and table-cell。不过，您可能需要检查您的目标浏览器是否支持它。 http://www.quirksmode.org/css/display.html#table

例如：http://jsfiddle.net/2GawC/