Html 可以将高度设置为父对象自动值的百分比吗？

由于内容的性质，

.container

被设置为

height:auto

，因此需要具有弹性。因此，当您设置

.header{height:10%}

时，它的行为不正常（它不是

.container

高度的10%）

---

有没有其他方法可以满足我的要求？

这不起作用，因为改变容器的大小会改变标题的高度，而这反过来又会改变容器的高度，等等。你可以使用Javascript，或者重新考虑你的网站设计——如果内容很大，标题也会变大，或者如果内容是sma哎呀，头球几乎看不见了。我可没这么想——干杯。

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

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