JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<div id="parent">
    <div id="child">hello</div>
</div>

CSS

html, body, .container {
    height:100%;
}
* {
    margin: 0;
    padding: 0;
}
#parent {
    background: #aaa;
    min-height:100%;
    
    /*Выбираем один из способов (расскоментите для проверки):*/
    /* padding-bottom: 1px; */
    /* border-bottom: 1px solid transparent; */
    /* overflow: hidden; */
}
#child {
    margin-bottom: 2000px;
    background: pink;
}