角度拖放：放置物品后，包装物品将发生变化，所有div将位于每个物品之下

Question

[在畸形发生之前先行，您好，我有关于颌骨拖放的问题。将div与孩子放下后，他的所有孩子将改变宽度，并且彼此包裹。我无法解决此问题。有人帮我吗？

<mat-accordion>
            <mat-expansion-panel cdkDropList [cdkDropListData]="project.emps" (cdkDropListDropped)="drop($event, project.id)" expanded>
                <mat-expansion-panel-header></mat-expansion-panel-header>
                <div>
                    <mat-card-content
                        fxLayout="row"
                        fxLayoutAlign="space-between center"
                        *ngFor="let item of project.emps"
                        cdkDrag
                        (cdkDragStarted)="drag($event, project.id, item)"
                    >
                        <div class="role {{ item.role }}">
                            {{ item.role }}
                        </div>
                        <div>
                            <span>{{ item.name }}</span>
                        </div>
                        <div>{{ item.availability }} %</div>
                    </mat-card-content>
                </div>
            </mat-expansion-panel>
        </mat-accordion>