JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body"><div id="content">
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content
</div>
</div>
<div id="footer">
    abc
</div>

CSS

#footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #ddd;
}
#body{
	padding: 60px 50px 70px 50px;
	position: relative;
    min-height: calc(100% - 130px);
}
#content{
	font-family: verdana;
	margin-left: 200px;
	border-left: 5px solid #ddd;
	padding: 0 0 0 10px;
	min-height: 100%;
	min-width: 500px;
}
body{
    margin:0;
    overflow-y:scroll;
    min-height:100%;
    position:relative;
}
html{
    height:100%;
}