如何解决扩展面板边距问题

Question

我使用扩展面板显示我的后端数据，但出于某些原因，页边距很奇怪，有些看起来它们几乎彼此接触，有些看起来它们之间的距离越来越远。

除了margin-bottom：1px以外，我没有其他样式，因此，如果我能提出任何建议或帮助以解决此问题，使它看起来不错并使margin成为所有，我将不胜感激。一样。

                <mat-nav-list>
                    <mat-expansion-panel class="exp-panel" *ngFor="let section of mappedSecSub | async">
                        <mat-expansion-panel-header *ngIf="section.parentId == null" style="align-items: center;">
                            <div>{{section.name}}</div>
                        </mat-expansion-panel-header>
                        <div *ngFor="let subSection of mappedSecSub | async; let last=last">
                            <div *ngIf="subSection.parentId == section.id;" (click)="clicked(subSection.id)">
                                <a mat-list-item>{{subSection.name}}
                                    <mat-divider *ngIf="!last" class="solid"></mat-divider>
                                </a>
                            </div>
                        </div>
                    </mat-expansion-panel>
                </mat-nav-list>

.exp-panel {
  margin-bottom:1px;
}

mappedSecSub = this.mappedSections.asObservable()

  ngOnInit(): void {
    this.fetchData();
  }

  fetchData = () => {
    this.loading = true;
    this.HelpService.getHelp().subscribe(res => {
      this.loading = false;
      this.cdRefs.detectChanges()
      this.mappedSections.next(res['res'])
      setTimeout(() => {
        if (this.data && this.data.needToScroll) {
          this.scrollToLast()
        }
      }, 1000)
      this.allData = res['res']
    }, () => this.loading = false)
  }

边距看起来像是随机的。他们没有相同的保证金。