JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body"><div id="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%;
}