Absolute in absolute

by andrey90vs

HTML

<div class="pos-relative">
  <div class="pos-abs1">
      <div class="pos-abs2">

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

CSS

.pos-relative {
  border: 5px solid red;
  position:relative;
  margin: 20px;
  min-height: 300px;
}

.pos-abs1 {
  position:absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  background-color: blue;
}

.pos-abs2 {
  position:absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  background-color: yellow;
}