<div class="container">
  <div class="left"></div>
  <div class="right"></div>
  <div class="mid"></div>
</div>
html, body, .container {height: 100%;}
.left {float: left; width: 80px; height: 200px; background-color: #4688f5;}
.mid {margin-left: 80px; margin-right: 120px; height: 100%; background-color: yellow;}
.right {float: right; 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.