css的div嵌套问题

学了css几天，发现有个问题。

如图所示,最外层有个div（粉色），内部上中下三个div，中间div内有三个水平排列的div（绿色）。
“middle”div的高度是根据内部三个绿色div高度变化的。这个有办法实现吗？
我试了试，如果三个绿色div水平排列的话，middle的高度就不能自动适应，必须制定高度。我把3个绿色div暂时用table替换了。