html - Div 仅与内容一样高

Question

就像我说的，div 只和内容一样高。我有 div:

  <div class="body-container">
  <p>Hello</p>

  </div>

还有CSS:
主体容器{
宽度:100%；
高度:100%；
背景颜色:蓝色；
}
但是，背景仅出现在 Hello 段落上。这太烦人了，因为我想让背景覆盖整个页面!感谢您的帮助。

Answer 1

尝试将高度属性更改为:

height: 100vh;