JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" type="text/css" href="new.css">
    </head>
    
    <body>
        <div id="container">
            <div id="header">
            HEADER
            </div>
            <div id="content">
            CONTENT
            </div>
            <div id="antifooter">
            </div>
        </div>
        <div id="footer">
        FOOTER
        </div>
    </body>
    
</html>

CSS

html, body, form
{
    margin: 0;
    padding: 0;
}

html
{
    height:100%;
}

body
{
    height:auto !important;
    height:100%;
    min-height:100%;
    min-width:760px;
}
    
#container
{
    background: #ccc;
    width: 100%;
    margin: auto;
    min-height: 100%;
    height: 100%;
    overflow: auto;
}
    
#header
{
    height: 100px;
    background: #3366FF;
}
    
#content 
{
    background: #CC33FF;
}

#antifooter
{
    height: 100px;
    background: #000;
}

#footer
{
    background: #B88A00;
    height: 100px;
    margin-top: -100px;
}