CSS-div在模态对话框上向左滑动

Question

我有固定高度和宽度为600px的Angular Material对话框

当用户单击按钮时，我希望在模式对话框的左侧保留一个div，而不会失去600px的宽度。

我正在使用Flexbox，但这只是在显示DIV时增加/减少

<div style="display:flex">


 <div *ngIf="showDesignDetails" style="display: flex; flex:20; flex-direction:column">
<div>
Menu to Slide left
</div>

 </div>

  <div style="display: flex; flex:80; flex-direction:column">
<div>
   Content
</div>
  </div>