Html 调整%时div高度未调整？

为什么以百分比表示的div高度不起作用，我将字体设置为一个大的30px，但当我将div高度设置为10%时，它仍然是相同的高度

div.ex1{
字体：30px arial，无衬线；
}
div{
身高：10%；
}

---

这是一段。这是一段。

我们这样看吧

当你说10%。。css要求10%的内容。。。父母亲 好的，然后看看身体。。为了达到它的高度。。但它还没有定义，这取决于孩子，但孩子想成为父母的10%

所以基本上给身体一些高度

像

---

阅读此处的更多信息

请查看此链接：-未定义身高时，div将取决于内容而不是子项，既然我将字体定义为30px，为什么不显示10%的内容？高度查看父项（包含块），而不是子项

body {
  height: 100vh;
}