Css 嵌套百分比高度div

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

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

代码：

如果向父div添加高度，则会显示子对象，但我希望它自动调整子对象的大小。这是因为子对象的高度基于其父对象，而当父对象没有高度时，子对象的高度则为0。有没有一种方法可以在没有javascript的情况下实现我想要的？我有一个javascript解决方案，但我讨厌编写超出需要的代码。简单是最好的

下面是一个不太优雅的javascript，它正是我想要的：

---

如果父项为零，且子项的高度为父项的60%，则它们也将为零。你能让父母的身高达到100%吗

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

---

不幸的是，向父级添加一个定义的高度是行不通的，因为我在设计中有位于父级之上和之下的内容。它必须随着孩子们的变化而动态变化。某个东西是否有或可能有最小尺寸？我不明白为什么在div为空时显示它。@AarenHofferth您可能想在“指定百分比高度。百分比是根据生成的框的包含块的高度计算的。如果没有明确指定包含块的高度（即，它取决于内容高度），则，并且该元素不是绝对定位的，该值计算为“auto”。我知道height属性，并且知道它当前为子元素计算为0。也许我解释得不够好。下面是我制作的jQuery解决方案，它完全符合我的要求。如果有更好、更优雅的解决方案，我宁愿不用它：