positionのrelativeとabsolute

まずはpositionを指定しなかった状態
ありがちな配置だと思う。
child1とchild2のmargin相殺が起きるので、こんな感じになるかと。

relative：本来の位置が基準

child2に対して、position:relativeを設定した場合

absolute：windowの左上が基準

child2に対して、position:absoluteを設定した場合
windowの始点が基準になる。

親要素を基準にしたい場合

子要素をabsoluteに設定しておいて、親要素に対して position : relative; にする。

#parent{ position: relative; }
#child2{ position: absolute; }

以上