css,html_css或者css3中如何设置某div高度为其父元素的百分之几，css,html

css或者css3中如何设置某div高度为其父元素的百分之几

比如：
<body>

<div id="parent">
    <div id="child1">
        <p>XXXXX</p>
    </div>
    <div id="child2">
    </div>
</div>

</body>

<style>

#parent{
    width:200px;
    height:100px;
}
 #child1{
    width:200px;
    height:50px;
}

</style>
其中child2这个div是里面没有内容的，也就是说此时height为0，那么如何设置能使它的height为parent这个div高度的百分之几呢。

直接写 height:30%

直接设置child2的div的高度为height:30%;这样就可以了。