全网客户端后台

Question

我的网页显示有问题，背景色没有覆盖整个网页。通常是我中的 :host 执行此操作，但它不再有效，因为

  :host{
  padding: 0;
  margin: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #282828;
}

就像你看到背景完全包裹了制作的内容而不是整个页面，我不知道如何改变它。我想保存：

  display: flex;
  flex-grow: 1;
  flex-direction: column;

主机的，因为显示需要，但是让背景颜色包裹整个页面。

在此先感谢任何愿意帮助我的人。

Answer 1

如果我对问题的理解正确，你需要这样做吗？

body, html {
    padding: 0,
    margin: 0
}

如果没有，您能否post您所遇到问题的屏幕截图？

Answer 2

问题出在您的主机容器或元 class（可能在 Angular 中）不跨越整个视图高度。这将为您解决问题：

body {
  background-color: #282828;
}

.host {
border: 1px solid yellow;
color: yellow;
  padding: 0;
  margin: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #282828;
}

<body>
<div class="host">
CONTENT GOES IN HERE
</div>
</body>

全网客户端后台

Whole web client background

css

background-color

flexbox