JSFiddle - React, Tailwind, and code Playground

by gmcalab

HTML

<div class="main">
    
    <div class="header">stack height</div>
    <div class="content">take up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use...

CSS

html{
 overflow: hidden;   
}

body{
  overflow: hidden;   
}

.content{
    position:absolute;
    top: 212px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: auto;
    
    outline: 1px solid red;   
    overflow-y: scroll;
    overflow-x: hidden;
}

.header{
    height:200px;
    outline: 1px solid green;
}