JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="content">
  hello world
  </div>
  <div class="parent">
    <div class="fixed-wrapper">
      <div class="fixed">

      </div>
    </div>
  </div>
</div>

SCSS

.container {
  overflow: hidden;
  height: 200px;
  width: 200px;
  background-color: #999999;
}
.content {
  border: 1px solid #DD0000;
}
.parent {
  height: 10px;
  width: 10px;
  position: relative;
  left: 190px;
  background-color: #FF0000;
  .fixed-wrapper {
    position: absolute;
    .fixed {
      margin-top: 12px;
      background-color: #00FF00;
      height: 200px;
      width: 50px;
      position: fixed;
    }
   }
}