SOURCE

<!-- 
<div style="float:left;width:200px;background:green">left</div>
<div style="float:none;width:auto;background:yellow;margin-left:200px">auto
<p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
</div> -->


<!-- <div class="out">
  <div style="width:200px;background:green" class="left">left</div>
  <div style="width:calc(100% - 200px);background:yellow" class="auto">auto
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  </div>
</div> -->


<div style="display:flex;flexDirection:row">
  <div style="width:200px;background:green">left</div>
  <div style="flex:1;background:yellow">auto
   <p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  <p>这是一段文字</p>
  </div>
<div>

/* // display：inline-block  +  width:calc()
.out{
  font-size:0
}
*{
  padding:0;
  margin:0
}
.left, .auto{
  display:inline-block;
  font-size:20px;
  vertical-align:top;
} */