垫展开面板，内容在关闭面板后无法恢复其原始高度

Question

编辑：之所以解决此问题，是因为我错过了div class="row"，并且在关闭面板的情况下没有任何意义，div class="col"漂浮在那儿是因为它不在任何东西里面。在行内完美运行：）

在Angular应用程序中，我有一个事件列表，每个事件都是Angular Material的垫子扩展面板。

事件列表中包含一些HTML内容，打开面板并将其关闭后，文档的原始高度（关闭面板）不会恢复其原始高度。

当一个以上的事件发生时，也会发生相同的情况，如果打开所有事件然后将其关闭，则每个事件的高度都会叠加。

单事件面板

<div class="col s12 m12 l6 events-list animated fadeIn">
<mat-accordion class="event">
    <mat-expansion-panel (opened)="panelOpenState = true" (closed)="panelOpenState = false">
        <mat-expansion-panel-header>
            <mat-panel-title [ngClass]="{'title': panelOpenState == true}">
                {{event.eventName}}
            </mat-panel-title>
            <mat-panel-description>
                {{event.eventTime}}
            </mat-panel-description>
        </mat-expansion-panel-header>
        {{event.eventDescription}}
        <br>
        <br>
        <button class="btn orange" (click)="createPoll(event.entityID)">Crear Tema</button>
    </mat-expansion-panel>
 </mat-accordion>
</div>

事件页面

<div class="row">
 <app-event *ngFor="let event of eventList" [event]="event"></app-event>
</div>

有什么办法可以解决此问题？很高兴看到一些答复：）

示例：

面板关闭的页面

打开面板的页面

面板关闭时的页面（在这里，红色方块）