Почему сдвигается общий div, а не вложенный?
Добавим инфографики:
Это называется схлопывание. Информации на этот счет в гугле достаточно.
Можете сделать так:<div style="width:200px; height:200px; background:#ccc;">
   <div style="position: relative; top:20px;">123</div>
</div>