Html Angular2采用全屏尺寸

我正在构建一个Angular2应用程序，但有以下问题我似乎无法解决或找到解决方案。以下是我的页面的图像：

代码： content.component.html

收割台的固定高度为60px

我想给内容组件一个背景色，我正在寻找一个具有以下属性的组件：

需要填充整个页面，但不能超过此值。如果没有必要，请不要使用滚动条。 当屏幕宽度变小且内容相互重叠时，当滚动条到达时，应自动调整大小。

---

我尝试了height:calc100vh-headercomponentHeight，但当内容堆叠并弹出滚动条时会出现问题，因为内容将从中流出。

类似的方法应该可以工作

标题{ 背景：ccc； 高度：60px； } 主要{ 背景：ddd； 最小高度：calc100vh-60px； 位置：相对位置； 填充：20px； } 知识是一种美德，是一种美德，是一种美德，是一种美德。时间元素按摩。这是我的生日。这是一个很好的例子。在《非圣洁格言》中，温文尔雅的阿利夸姆·埃塔姆·埃拉特·维利特·斯克利里斯克（velit scelerisque）。这是一个非常有趣的故事。乌尔里塞斯密苏里州的卡苏斯·里苏斯。Donec massa sapien faucibus et.Nulla pellentesque Dignessim enim sit。在交通工具上，交通工具上的无障碍物是不可替代的。在乌尔纳调味品店，马蒂斯·佩伦茨克·尼布。在拱门上的直径是活的。Nec feugiat nisl pretium fusce。奥古斯·埃吉特（augue eget）的弗拉基亚·洛博蒂斯·费吉亚·维瓦摩斯（Cras tincidunt lobortis feugiat vivamus）。将大鼠前庭毛侧耳放置于。比本杜姆位于法雷特拉的varius vel。Sed velit Vignessim sodales和eu sem integer。埃尼姆·内克·杜努克·马蒂斯

知识是一种美德，是一种美德，是一种美德，是一种美德。时间元素按摩。这是我的生日。这是一个很好的例子。在《非圣洁格言》中，温文尔雅的阿利夸姆·埃塔姆·埃拉特·维利特·斯克利里斯克（velit scelerisque）。这是一个非常有趣的故事。乌尔里塞斯密苏里州的卡苏斯·里苏斯。Donec massa sapien faucibus et.Nulla pellentesque Dignessim enim sit。在交通工具上，交通工具上的无障碍物是不可替代的。在乌尔纳调味品店，马蒂斯·佩伦茨克·尼布。在拱门上的直径是活的。Nec feugiat nisl pretium fusce。奥古斯·埃吉特（augue eget）的弗拉基亚·洛博蒂斯·费吉亚·维瓦摩斯（Cras tincidunt lobortis feugiat vivamus）。将大鼠前庭毛侧耳放置于。比本杜姆位于法雷特拉的varius vel。Sed velit Vignessim sodales和eu sem integer。埃尼姆·内克·杜努克·马蒂斯

知识是一种美德，是一种美德，是一种美德，是一种美德。时间元素按摩。这是我的生日。这是一个很好的例子。在《非圣洁格言》中，温文尔雅的阿利夸姆·埃塔姆·埃拉特·维利特·斯克利里斯克（velit scelerisque）。这是一个非常有趣的故事。乌尔里塞斯密苏里州的卡苏斯·里苏斯。Donec massa sapien faucibus et.Nulla pellentesque Dignessim enim sit。在交通工具上，交通工具上的无障碍物是不可替代的。在乌尔纳调味品店，马蒂斯·佩伦茨克·尼布。在拱门上的直径是活的。Nec feugiat nisl pretium fusce。奥古斯·埃吉特（augue eget）的弗拉基亚·洛博蒂斯·费吉亚·维瓦摩斯（Cras tincidunt lobortis feugiat vivamus）。将大鼠前庭毛侧耳放置于。比本杜姆位于法雷特拉的varius vel。Sed velit Vignessim sodales和eu sem integer。埃尼姆·内克·杜努克·马蒂斯

---

你能发布你已经拥有的代码吗？它有很多，但我可以尝试简化它，只复制基本的部分变化高度：calc100vh-60px；至最小高度：calc100vh-60px；。当您设置height属性时，它会将其固定为您指定的值，如果内容占用的空间超过您指定的值，则会使内容流出容器

<app-header></app-header>
<div class="content">

</div>

.content{
 height: calc(100vh - 60px);
 background-color: rgb(167, 167, 167);
}