相対的な位置指定を行う場合は、まず何も考えずにHTMLで記述してブラウザで位置を確認してみます。
ここが特に位置を指定しないときの位置です。ここが基準となります。
ここは下に50px、右に150pxずらした位置になります。ボックスの幅が300pxですから、このボックスの左端は基準となるボックスのちょうど真ん中になりますね。
ここは下に100px、右に300pxずらした位置になります。このボックスの左端は基準となるボックスのちょうど右端になります。