JSFiddle - React, Tailwind, and code Playground

by artemhp

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
        <style>
        *{padding:0px;margin:0px;}
        html,body{height:100%;overflow:hidden;}
        .body{position:absolute;left:0px;right:0px;top:0px;height:100%;overflow:hidden;}
        .top{position:absolute;left:0px;right:0px;top:0px;height:200px;background:#bbb;z-
index:2;}
        .content{position:absolute;left:0px;right:0px;top:200px;bottom:100px;background:#eee;
overflow:auto;z-index:1; overflow:auto}
        .bottom{position:absolute;left:0px;right:0px;bottom:0px;height:100px;background:#999;
z-index:2;}
        </style>
</head>
<body>
        <div class="body">
                <div class="top">top</div>
            <div class="content">
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
                content<br />
            </div>
                <div class="bottom">bottom</div>
        </div>
</body>