需要背景颜色来填充空间答案

【问题标题】：Need background-color to fill space需要背景颜色来填充空间
【发布时间】：2019-08-27 16:26:34
【问题描述】：

我的背景颜色属性没有完全填充空间（见图）（图像显示页面内容在右侧和顶部，但背景颜色没有填充空白）

代码如下：

<body style="background-color: #163a4b; color: white">
    <app-navbar></app-navbar>
    <div style="margin: 15px">
        <router-outlet></router-outlet>
    </div>
</body>

<body style="background-color: #163a4b; color: white">
    <app-navbar></app-navbar>
    <div style="margin: 15px">
        <router-outlet></router-outlet>
    </div>
</body>

【问题讨论】：

去min-height: 100vh; 找你的body。
您发布的 sn-p 有效——因为 background-color 填充了整个背景——对我来说。
代码对我来说很好用。也许其他一些 CSS 样式会干扰您的代码？
我会环顾四周，但请记住，它是一个 JS 编译的主体/组件，因为它是 Angular 8 应用程序的一部分，因此可能与它有关。不过我会多看一看。
抱歉回复晚了。我已经研究了很多，弄乱了组件等等。我发现它需要在 index.html 中的 body 元素而不是组件的 body 中完成。感谢您的帮助！

标签： html css angular8

【解决方案1】：

需要添加的是在 index.html 上而不是在组件的 HTML 上做背景色。这样问题就解决了。

之前（app.component.html）

<body style="background-color: #163a4b; color: white">
    <app-navbar></app-navbar>
    <div style="margin: 15px">
        <router-outlet></router-outlet>
    </div>
</body>

之后（index.html）

<!doctype html>
<html lang="en">
<body style="background-color: #163a4b;">
  <app-root></app-root>
</body>
</html>

【讨论】：