JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position: static">[static] </div>
<div style="position: relative">[relative] </div>
<div style="position: sticky">[sticky] </div>
<div style="position: absolute">[absolute] </div>
<br />
<div style="position: fixed">[fixed] </div>

CSS

div {
  border: 1px solid;
  background: yellow;
}
div::after {
  content: 'You should only see this text if the <div> creates a stacking context.';
  position: relative;
  z-index: -1;
}