您可以将高度设置为父级自动值的百分比吗？

Question

<div class="container">
    <div class="header">
       Heading.
    </div>
    Content.
</div>

CSS：

.container{ height: auto}
.header{ height: 10%}

由于内容的性质，.container设置为height: auto，因此需要具有弹性。因此，当您设置.header{ height: 10%}时，它的行为不正确（它不是.container高度的10％。

还有其他方法可以做我想要的吗？