JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div class="relative">
  <div class="absolute">
    <div class="fixed"></div>
  </div>
</div>

CSS

.relative{
  position: relative;
  height:800px;
  width: 400px;
  background: #000;
	margin: 10rem;
}

.absolute{
  height:60px;
  width: 60px;
  position: relatie;
  top:0;
  right:0;
  background: #ccc;
  /* -webkit-transform: translateZ(0);  */
}

.fixed{
  height:20px;
  width: 20px;
  background: red;
  position: fixed;
  margin-left: 40px;
}