<div class="parent3">
  <div class="parent2">
    <div class="parent1">
      <div class="child"></div>
    </div>
  </div>
</div>
.parent3 {
  width: 350px;
  height: 250px;
  background-color: tomato;
/*   position: relative; */
}

.parent2 {
  width: 300px;
  height: 200px;
  background-color: skyblue;
  transform: scale(1);
}

.parent1 {
  width: 250px;
  height: 150px;
  background-color: orange;
  position: relative;
}

.child {
  width: 100px;
  height: 100px;
  background-color: royalblue;
  position: fixed;
  right: 0;
  bottom: 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.