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; }
以上