拉伸子元素以填充父元素的高度，反之亦然（HTML）

Question

请注意我不接受任何阻止引导程序可用的答案

方案如下： 我有一个父元素（div），其中嵌套了两个子元素（也是div）。我希望孩子们能够填补父母的高度，无论孩子身边的内容如何。如果这样，如果父元素不够高，不能包含子内容，我希望父元素伸展到必要的高度，以显示子元素内的内容。

非工作示例位于此处：https://jsfiddle.net/uqh76pku/2/

<div class="row content">
  <div class="col-xs-3 section">text content goes here</div>
  <div class="col-xs-9 section">text content goes here</div>
</div>

我找到的许多答案（如下所列）提供的信息根本不起作用。我尝试了以下答案列表。

How to stretch div height to fill parent div - CSS

CSS - Expand child DIV height to parent's height

Stretch Child DIV to Height of Parent (Without hardcoding height)