Edit in JSFiddle

<div id="container">
  <div id="header">Header</div>
  <div id="main">
    <div id="sidebar">
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
      <p>Sidebar</p>
    </div>
    <div id="content">
      <div id="list">
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
        <p>List</p>
       </div>
       <div id="details">
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
         <p>Details</p>
       </div>
    </div>
  </div>
</div>

body { margin: 0; }
#container { background: blue; }
#header { background: gray; }
#sidebar { background: yellow }
#content { background: red; }
#details { background: green; }

html, body, #container { height: 100%; }
#header { height: 80px; }
#main { display: flex; height: calc(100% - 80px); }
#sidebar { overflow-y: auto; height: 100%; min-width: 100px; }
#content { height: 100%; width: 100%; }
#list { overflow-y: auto; height: 70%; }
#details { overflow-y: auto; height: 30%; }