<div class="wrapper">
  <div class="div1">
    <div class="div2">
      <div class="div3"></div> 
    </div>
  </div>
</div>



.wrapper {
  position: relative;
}

.div1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
  background-color: red;
} 

.div2 {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
  background-color: green;
} 

.div3 {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
  background-color: blue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.