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

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

---

使用

高度：100%

它可能不起作用，因为父div的

位置
属性为
static
（默认值）。将
position:relative
应用于父级，它应该可以工作。：）
 您可以使用CSS属性
表格、表格行和表格单元格
。不过，您可能需要检查您的目标浏览器是否支持它

示例：
您是否尝试过高度：100%
？或者，它不是随着黑色
div
的增长而移动吗？在这里或谷歌上搜索CSS多列布局，你会发现很多关于这个完全相同的问题。是的，我尝试过100%高度，但它不起作用……D：但这是不必要的，表格布局很糟糕！我想不出别的办法了？100%的div只适合内容，而不会与兄弟姐妹一起扩展：-她说的是将表布局样式应用于CSS中的div，而不是在HTML中使用基于表的布局。这没什么可怕的，这是一个完全合法的解决方案。