JSFiddle - React, Tailwind, and code Playground

by wittnl

HTML

<div style="position: relative;">
<div class="box">Static</div>
<div class="absolute box">Absolute</div>
<div class="fixed box">Fixed</div>
</div>

CSS

.box {
  width: 100px;
  height: 100px;
  background: #CB1778;
  border: 1px solid gray;
}

.absolute {
  position: absolute;
  z-index: 200;
  top: 33px;
  left: 33px;
}

.fixed {
  position: fixed;
  z-index: 100;
  top: 67px;
  left: 25px;
}