JSFiddle - React, Tailwind, and code Playground

HTML

<div id="area">
    <div id="outer">
        <div id="inner">
            <div id="content">content</div>
        </div>
    </div>
</div>

CSS

body {
    margin: 0;
}
#area {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: grey;
    overflow: scroll;
}

#outer {
    background: red;
    position: static;
    min-width: 100%;
    min-height: 100%;
}

#inner {
    background: blue;
    position: static;
    min-width: 100%;
    min-height: 100%;
}

#content {
    height: 200px;
}