JSFiddle - React, Tailwind, and code Playground

HTML

<div id="seite">
    <div id="inhalt">
        <p>Inhalt</p>
        <p>Inhalt</p>
        <p>letzte Zeile vom Inhalt</p>
    </div>
 
    <div id="fussbereich">
    www.html-seminar.de
    </div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
 
html, body {
    height: 100%;
}
 
#seite {
    position: relative;
    min-height: 100%;
    width: 550px;
    margin: 0 auto;
    background-color: silver;
}
 
#inhalt {
    background-color: orange;
    padding-bottom: 2em;
}
 
#fussbereich {
    position:absolute;
    bottom: 0;
    width: 100%;
    background-color: yellow;
    height: 2em;