JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div id="divBody">
  <div id="divContentsTop">
    This is the top Div
  </div>
    <div id="divContents">
      This is the contents
  </div>
</div>

CSS

#divBody {
  position:absolute;
  background-color:blue;
  
  top:20px;
  bottom:20px;
  left:20px;
  right:20px;
  display:flex;
  flex-direction:column;
  
}

#divContentsTop {
  background-color:green;
  height:40px;
}

#divContents {
  background-color:red;
  overflow-y:auto;
  flex: 1;
}