Css 仅限flexbox的倍增最佳DIV、内DIV全高-可能吗？

我有一个复杂的布局，其中我有一个由JavaScript生成的具有动态高度的div，他被称为“.outer”。这个div有一些嵌套的div，最后导致一个名为“.target”的div。我需要目标div处于“.outers”高度。我不想讨论内部div，因为它们是由我的JS框架生成的不同标记

我不想通过JS设置高度，我不能在“.outer”中将位置设置为绝对或相对

HTML:

例如：

---

在FlexBox中执行此操作的唯一可能方法是通过添加display:flex来解决CSS中的.inner div；对他们来说

我在这里为您创建了一个工作示例：

在“.inner”中添加：

display: flex;

至“.target”添加：

height: 100%;

将“.outer”更改为“flex direction”：

flex-direction: row;

---

我的代码笔示例还清理了一些不需要的CSS。

使用flexbox是不可能的。Flexbox仅适用于

显示：flex

父项和直接子项。最好使用

位置：相对
到
。外部
和
位置：绝对
到
。内部
。如果这是您问题的可接受解决方案，请将其标记为可接受答案。非常感谢。
height: 100%;

flex-direction: row;