JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="header"></div>
        <div id="content">
            <div id="scrollableContent">
                <div id="paddingContent">ConConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content CoConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content nContent Content Content Content Content CoConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content nContent Content Content Content Content CoConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content nContent Content Content Content Content CoConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content ConContent Content Content Content Content...

CSS

html { height: 100%; }
body {
    height:100%;
    min-height: 100%;
    background: #000000;
    color: #FFFFFF;
    position:relative;
}
#header {
    height:50px;
    width:100%;
    top:0px;
    left:0px;
    background: #CCCCCC;
    position:absolute;
}
#footer {
    height:50px;
    width:100%;
    bottom:0px;
    left:0px;
    background: #CCCCCC;
    position:absolute;
}
#content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:100%;
    padding: 50px 0;
    overflow: hidden;
}

#content #scrollableContent {
    height: 100%;
    width: 100%;
    overflow: auto;
}

#content #scrollableContent #paddingContent {
    padding: 20px;
}