CSS-使div继承高度

我正在尝试制作一个带有圆角的框，其中div的高度和宽度取决于内容，因此它会自动调整为…

问题是我无法让“ test_mid_left”（黑色背景）和“ test_mid_right”（蓝绿色背景）继承“

test_mid_center”（绿色背景）的高度。我尝试了身高：100％和自动，但没有任何工作。那么，如何让他们从内容中继承高度？

（我在示例的左右两边使用“ min-height：xx”的原因只是为了显示我正在谈论的方框）

如前所述，这不能用浮点数完成，它们不能继承高度，他们不知道自己的兄弟姐妹，因此例如，两个侧面的浮点数不知道中心内容的高度，因此它们不能继承从任何东西。

通常，继承的高度必须来自具有显式高度的元素，或者height:

100%;必须已经通过显示树向下传递给它。.我所知道的唯一一件事是传递的高度不是来自顶部。 “树”是一个

-因此，例如，您可以绝对定位所有右上角，左下角和角点（无论如何，您都知道角点的高度和宽度），而且您似乎也知道（左/右角的宽度）边框）和顶部/底部边框的高度以及顶部/底部中心的宽度很容易达到100％-如果内容增加，唯一需要计算的是右侧/左侧的高度-

也

我已经根据您提供的内容制作了一个示例，它确实依赖于固定宽度（您的框架），但是我认为它也可以使用灵活的宽度吗？对于花哨的图像边框，使用此功能可能会很酷，直到多个背景图像或图像边框完全可用，我们才能获得支持。.谁知道，我在玩，所以就把它贴在那里！