调整百分比时，div高度未调整？

Question

为什么以百分比为单位的div高度不起作用，我将字体设置为30px，但是当将div高度设置为10％时，它仍然是相同的高度？

 div.ex1 { font: 30px arial, sans-serif; } div { height: 10%; }

 <div class="ex1">This is a paragraph. This is a paragraph.</div>

假定块元素的高度取决于内容，所以如果我将包含块的高度设置为10％，div应该变小吗？

Answer 1

好吧，这样看

当您说10％.. css询问10％的...父母吗？ 好吧，然后它看向身体..以获取其高度..但它没有定义，并且取决于孩子，但是孩子想成为父母的10％...

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

喜欢

body {
  height: 100vh;
}