Angular

Question

我正在尝试在Angular中创建一个“屏幕尺寸”应用。应用程序总高度（包括标题，工具栏，带有路由器插座的“内容区域”等）应为屏幕大小（100vh）。即没有“html body”滚动。

内容区域中的子组件应扩展到屏幕底部。换句话说，填充其容器的高度（内容区域）。

实现这一目标的最佳方法是什么？

我最接近的是将以下内容添加到styles.css文件中：

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

但是将组件内部的一些设置为{height：100％}似乎并没有使其扩展到屏幕的底部。

Answer 1

要实现此目的，您将父div设为高度100％

html, body {height: 100%;}

必须添加

，

供您参考http://me.expanse.me/，网站构建与您的要求（html和css网站）一样，希望这对您有所帮助。