flex实现左边宽度自适应右边宽度固定

<div id="flex">
  <div id="left">我在左边，自适应布局</div>
  <div id="right">我在右边，定宽</div>
</div>

#flex{
  display: flex;
}

#left{
  flex:1 1 auto;
  background: red;
}

#right{
  background:green;
  width: 200px;
}

方案二：

#left {
   position: absolute;
   width: 100px;
   float: left;
}

#right {
  margin-left: 100px;
}