显示迭代循环ngFor

Question

显示我的讨论窗口时遇到问题（参见图片）。我的两个窗口应该在底部对齐而不是在顶部。

这是我的HTML：

<div class="chat-window-container">
   <window-item
       *ngFor="let thread of (windows ? windows.slice(0,2):[])"
       [thread]="thread">
   </window-item>
</div>

窗口项的HTML：

<div class="chat-window" id="chat-window-{{thread.id}}"
  *ngIf="thread.isOpen">
  <div class="panel-container">
  </div>
</div>

这是我的CSS：

 chat-window[_ngcontent-c4] {
    position: relative;
    display: inline-block;
    margin-left: 0px;
    margin-right: 40px;
 }

 .chat-window {
   margin-left: 20px;
   margin-right: 20px;
   width: 336px;
   padding: 0px;
   right: 262px;
   bottom: 0;
   position: fixed;
   float: right;
 }

///////////////////// 更新：

CSS：

.chat-window-container {
  display: flex;
  justify-content: center;
  align-items: baseline;
}