新手上路，请多包涵

我正在使用 Angular2，我想将 — 的高度设置为 <app-root> <body> 100%。

目前我有：

 <body>
  <app-root></app-root>
</body>

在我设置的 CSS 文件中：

 app-root {
  height: 100%;
}

但似乎没有任何改变。

你有什么主意吗？

原文由 Zanecat 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 742

2 个回答

得票最新

✓ 已被采纳

只需将 display 属性设置为 block ：

 app-root {
  display: block;
  height: 100%;
}

所有自定义元素都创建为 inline 因此您无法操纵它们的尺寸。您需要使它们成为块元素。

原文由 Max Koretskyi 发布，翻译遵循 CC BY-SA 3.0 许可协议

另一种方法是将 @ackuser 和 @LookForAngular 答案与 flex 结合起来，这现在是标准。这样，在应用程序的根目录 styles.scss 中，我们可以有如下内容：

 body {
  min-height: 100vh;
  display: flex;
}

然后，在 app.component.scss 中：

 :host {
  display: flex;
  flex-grow: 1;
}

原文由 Erwol 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答

推荐问题

子站问答

本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。

相似问题

找不到问题？创建新问题

在 Angular2 中，如何使 <app-root> 高度为 100%