嵌套百分比高度划分

Question

我需要一个父div来自动调整孩子的大小。

这两个孩子的高度基于百分比。

代码： http://jsfiddle.net/gBWUv/2/

如果您向父div添加高度，则会显示子项，但我希望它能自动调整为子项的大小。这是因为孩子的高度基于它的父母，当父母没有高度时，孩子的身高就是0.有没有办法在没有javascript的情况下完成我想要的东西？我有一个JavaScript解决方案，但我讨厌编码超过需要。简单是最好的。

这是不太优雅的javascript，它完全符合我的要求： http://jsfiddle.net/gBWUv/14/

Answer 1

如果父母为零且孩子的父母身高为60％，他们也将为零。你可以让父母的身高达到100％吗？

#parent {
    padding: 5% 0;
    background: #000;
    overflow: hidden;
    height: 100%;
}