css - 背景不占用整个页面 Angular CSS

Question

一个简单的问题可能会帮助我提出一个我现在不会在这里解释的更复杂的问题。

你知道为什么红色没有占据页面的所有背景吗？

https://stackblitz.com/edit/angular-hp237w?embed=1&file=src/app/app.component.html

当然在我的问题中我不想修改文件“index.html”和“style.css”

提前谢谢你，祝你有美好的一天

Answer 1

您的 background-color: red 仅适用于您的 div，默认情况下它的高度等于其中元素的总高度。为了取代整个页面，您只需将高度设置为 100vh

.back {
  height: 100vh;
  background-color: red;
}