相对父div与绝对子div相同的高度

Question

我的网站上有一个div，它拒绝让孩子们达到高度。

这是我的HTML：

<div id="parent" >      
    <div class="child">
        <center>Section 2</center>
        <div><p>Hello</p></div>
        <div><p>Test</p></div>  
    </div>
</div>  

这是我的CSS：

#parent{
   background: #bc401c;
   width: 100%;
   height: 100%;
   position: relative;
}

.child{
   width: 100%;
   height: 100%;
   max-width: 900px;
   min-height: 300px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
 }

当我在浏览器中检查div时，孩子看起来很好，并且得到了合适的高度，但是父母就像没有高度一样。 是否有可能让父母获得孩子的身高？ 提前致谢