三个div横排，中间的div自适应宽度

HTML：

<div class="container">
  <div class="section-a">section-a</div> 
  <div class="section-b">section-b</div> 
  <div class="section-c">section-c</div> 
</div>

CSS ：

.container{position: relative; overflow: hidden;width: 100%; height: 180px;}
.section-a,
.section-b,
.section-c{position: absolute;top: 0; width: 180px;height: 180px; background-color: #ececec;text-align: center;}
.section-a{left: 0;z-index: 2;}
.section-b{position: relative; width: auto;margin: 0 180px;background-color: green;}
.section-c{right: 0;z-index: 2;}