我想在Angular Dashboard上放置内容，以便所有内容都出现而不向下滚动

问题描述

我创建了一个Angular Dashboards，但是以某种方式我希望所有内容都应显示而不向下滚动。表示它适合窗口。

在屏幕截图上，您可以看到Angular Dashboard的一半被切除。我没有找到正确的解决方案，所以也许你们当中的一个人有解决此问题的好主意。

解决方法

您可以举一个简单的例子

.parent{
  height:100vh;
  background:red;
  }
  
  .child1{
  height:50vh;
  background:green;
  }

<div class="parent">
  <div class="child1">
    test
  </div>
    <div class="child1">
    test
  </div>
</div>