JSFiddle - React, Tailwind, and code Playground

by javadoug

HTML

<div id="parent">
    <div id="fixed">Fixed (window bottom)</div>
    <div id="absolute">Absolute (parent bottom)</div>
</div>

CSS

#parent {
    position: absolute;
    top: 30px;
    left: 30px;
    border: 2px solid red;
    height: 100px;
    width: 200px;
}

#fixed {
    position: fixed;
    bottom: 0;
}

#absolute {
    position: absolute;
    bottom: 0;
}