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

Question

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

Answer 1

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

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

Answer 2

使用height:100%它可能无效，因为父div的position属性为static（默认值）。将position:relative应用于父级，它应该有效。 ：）