无法使组件尊重小部件的大小

Question

我已将组件添加到Gridster2小部件。当我将窗口小部件的高度缩短时，组件容器将不遵守窗口小部件的尺寸，即，当窗口小部件减小尺寸时，组件容器的尺寸将不会减小。

我不确定某些Gridster2小部件样式是否会覆盖我的组件样式。

这是Stackblitz上的应用程序：https://stackblitz.com/edit/angular-gridster12345

我在stackblitz应用程序上用红色突出显示了组件容器。容器类为“ notification-widget__container”（请参见下文）

<div class="notification-widget__container">
  <h4>NotificationWidgetComponent</h4>
  <section class="notification-widget__content">
    <notification></notification>
  </section>
</div>

.notification-widget__container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 450px;
    margin: 45px 10px 10px;
    border: red solid 1px;
    overflow-y: auto;

  }
  .notification-widget__content {
    margin: 10px 5px;
  }