CSSのpositionの値について、今までなんとなく判ったつもりでいましたが、今日改めて確認してみました。
とり得る値は、配置の基準点を決めるstatic、relative、absolute、fixedの4つが有ります。
それぞれの振る舞いは、
static
特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されません。これが初期値です。
relative
相対位置への配置となります。positionプロパティでstaticを指定した場合に表示される位置が基準位置となります。
absolute
絶対位置への配置となります。
親ボックスにpositionプロパティのstatic以外の値が指定されている場合は、親ボックスの左上が基準位置となります。
親ボックスにpositionプロパティの値にstaticが指定されている場合は、ウィンドウ全体の左上が基準位置となります。
fixed
絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたままとなります。
とりえず以上