CSSのpositionの値について、今までなんとなく判ったつもりでいましたが、今日改めて確認してみました。
とり得る値は、配置の基準点を決めるstatic、relative、absolute、fixedの4つが有ります。
それぞれの振る舞いは、

static
　特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されません。これが初期値です。

relative
　相対位置への配置となります。positionプロパティでstaticを指定した場合に表示される位置が基準位置となります。

absolute
　絶対位置への配置となります。
　親ボックスにpositionプロパティのstatic以外の値が指定されている場合は、親ボックスの左上が基準位置となります。
　親ボックスにpositionプロパティの値にstaticが指定されている場合は、ウィンドウ全体の左上が基準位置となります。

fixed
　絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたままとなります。

とりえず以上