用百分比设置子div的高度

Question

我在父div中有一个子div，类似这样：

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

 </div>
</div>

现在，我想使用百分比来设置孩子的身高，因此它可能比其内容更大。设置#child { height: 150% }将不会实现任何内容。父级div没有任何高度设置，并且我不想使用像素。所以，真正的问题是，如何通过使用百分比来设置比其内容更大的子div ？

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

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

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

使用百分数。

Answer 1

在css中，添加溢出参数

#child{
    overflow:visible;
}

应该适合你。

Answer 2

这应该没问题......

<div id="parent" style="overflow:auto;">
 <div id="child">

 </div>
</div>