css の position に関して どう影響するか

• static
  特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されず、初期値に配置します。
• absolute
  絶対位置への配置となります。親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準位置となります。親ボックスにpositionプロパティのstatic以外の値が指定されていない場合には、ウィンドウ全体の左上が基準位置となります。
• relative
  相対位置への配置となります。positionプロパティでstaticを指定した場合に表示される位置が基準位置となり、top、bottom、left、rightは適用されます。
• fixed
  絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたままとなります。

参考にさせてもらいましたcss positoin