Javascript 动态填充父容器高度的一半

我需要填充一半的家长身高，而不知道或定义该家长的身高，以便响应使用：

具体而言，这意味着

.ftr行

必须是

.ftr行

高度的50%。我已经尝试过各种方法，比如“绝对定位”、“显示为表格”等等。如何解决这个问题

[...]

<!--##############
     LINE 16 HTML 
    ##############-->

      <div class="grid_6 ftr-rows ftr-half">

                <div class="ftr-row">
                    <div class="ftr-row-text">
                        <h1>HEADLINE 1</h1>
                        <hr />
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
                    </div>
                </div>

                <div class="ftr-row">
                    <img src="http://lorempixel.com/960/475/abstract/1" class="ftr-row-img" />
                </div>

            </div>

[...]

如果可能的话，我希望避免使用flexbox，但任何其他兼容的解决方案都可以

---

提前谢谢

使用Jquery怎么样

var half_height = $(".ftr-rows").height()*(.5)

$(".ftr-row").css("height", half_height)

---

已经尝试过，但如果父对象的大小未定义，则即使是绝对定位也无法处理50%的高度。嗯，是的，当然，看起来是一个很有希望的解决方案，但您的代码不是完全动态的或响应性的。因此，当我调整浏览器窗口的大小时，他没有正确地调整容器的大小。由于性能原因，在每次调整大小时运行代码也不是很实用。

var half_height = $(".ftr-rows").height()*(.5)

$(".ftr-row").css("height", half_height)