<div class="container">
  <div class="left"></div>
  <div class="mid"></div>
  <div class="right"></div>
</div>
html, body {height: 100%;}
.container {position: relative; height: 100%;}
.left {position: absolute; top: 0;  left: 0; width: 80px; height: 200px; background-color: #4688f5;}
.mid {margin-left: 80px; margin-right: 120px; height: 100%; background-color: yellow;}
.right {position: absolute; top: 0; right: 0; width: 120px; height: 100px; background-color: tomato;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.