具有基于父母身高的已知宽高比的元素

Question

我需要一个孩子（不是图像） 元素 B ，以获得相对于 B 高度的高度。

还有其他要求：

1. 孩子也应该尊重一些宽高比值。 [1]
2. 解决方案不应该使用JS。

_{有一个很好的解决方案，可以同时应用父元素的宽度和尊重子元素的宽高比。该解决方案基于元素的垂直填充对元素的水平维度的依赖性。我想如果没有办法让元素的水平css值依赖于它的一些垂直css值，我的问题根本就没有解决方法。}

我非常感谢你对这个问题的关注！

[1]如果父母有height: 100px规则，孩子有height: 50%规则，孩子以某种方式尊重宽高比3：1，那么其计算宽度应为150px。