html - 用百分比设置子div的高度

我在父div内有一个子div，如下所示：

<div id="parent">
  <div id="child">

 </div>
</div>

现在，我想使用百分比来设置孩子的身高，所以它可以大于其内容。设置#child { height: 150% }不会完成任何事情。父div没有设置任何身高，我也不想因此，真正的问题是，如何通过使用百分数将child div设置为其内容更大？

编辑：也许我不清楚。我需要的是与此等效的视觉效果

#child{
  border: 1px solid black;
  height: 100px;
}

<div id="parent">
   <div id="child">
        <p>TESTING</p>
    </div>

使用百分比。

最佳答案

在CSS中，添加溢出参数

#child{
    overflow:visible;
}

应该为您工作。