JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
    <div class="left">left</div>
    <div class="cont">content</div>
</div>
<div class="foot">footer</div>

CSS

html,body{
    margin:0px;
    height:100%;
    background:#bbb;
}
.page{
    position:relative;
    margin:0px auto;
    width:600px;
    min-height:100%;
    background:#fff;
    border:1px solid #bbb;
}
.left{
    position:absolute;
    left:-1px;
    top:-1px;
    bottom:0px;
    width:200px;
    overflow:hidden;
    border:1px solid #bbb;
}
.cont{
    margin-left:200px;
}
.foot{
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    height:50px;
    background:#bbb;
}