JSFiddle - React, Tailwind, and code Playground

HTML

<div id="relativeDiv">
absoluteDiv의 부모Div입니다.
<div class="absoluteDiv">
absoluteDiv입니다. relativeDiv안에 선언되어있기 때문에 부모엘리먼트는 relativeDiv가 됩니다.
</div>
</div>
<div class="absoluteDiv">
absoluteDiv입니다. 이 div는 독립적인 absoluteDiv이기때문에 부모엘리먼트는 body가 됩니다.
</div>

CSS

#relativeDiv {
  position: relative;
  width: 400px;
  height: 200px;
  border : 2px solid red;
}
.absoluteDiv {
  position: absolute;
  top: 50px;
  right: 0;
  width: 300px;
  height: 100px;
  border : 2px solid blue;
}