css - 嵌套百分比高度除法

Question

我需要一个父 div 在它的孩子做时自动调整大小。

这两个孩子的身高是按百分比计算的。

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

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

score 1 · Accepted Answer

如果父项为零并且子项的高度是父项的 60%，则它们也将为零。你可以让父母的身高100%吗？

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

1 回答 1