文章/答案/技术大牛

发布

问整个web客户端背景
EN

Stack Overflow用户

提问于 2020-04-11 03:22:03

回答 2查看 39关注 0票数 0

我的网页显示有问题，背景颜色不能覆盖整个页面。通常是由我的:host执行此操作，但它不再起作用，因为

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

就像你可以看到背景，整个包装的内容，而不是整个页面，我不知道如何改变它。我想保存以下内容：

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

因为它是显示所需的，但要使背景色环绕整个页面。

提前感谢所有愿意帮助我的人。

css

flexbox

background-color

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-04-11 03:59:24

问题是您的宿主容器或元类(可能是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>

票数 1

Stack Overflow用户

发布于 2020-04-11 03:25:51

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

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

如果没有，你能发布一张你遇到的问题的截图吗？

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61147253

复制

相似问题

问整个web客户端背景
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问整个web客户端背景EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问整个web客户端背景
EN