SOURCE

<div>
  <div>
    1
  </div>
  <div>
    2
  </div>
  <div>
    3
  </div>
</div>
<div class='table'>
  <div class="left">
  </div>
 
  <div class="middel">
    123
  </div>
   <div class="right">
  </div>
</div>

div>div{
  display:inline-block;
  width:2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border:1px solid #ccc;
}

.table{
display:table;
  width:100%;
  height:50px;
}
.left{
  float:inline-block;
  width:200px;
  height:100%;
  margin-right:10px;
}
.middel{
  width:100%;
  display:table-cell;
  text-align:left;
  vertical-align:top;
  overflow-y:scroll;
}

.right{
  width:200px;
  float:inline-block;
  margin-left:10px;
  height:100%;
}