Front-end CSS - Sofia Reis

gistfile1.html

<style>
  div { height: 100px; width: 100px; display: inline-block; }

  #one { border: 2px solid black; }
  #two { position: relative; border: 2px dashed black; top: 20px; left: 20px; }
  #three { border: 2px dotted black; }
  
  /* o que acontece ao acrescentar a seguinte regra? */
  /* #two { position: absolute; } */
</style>

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

Os resultados podem ser vistos em https://jsfiddle.net/miguelgazela/L3xw9g5b/