positionについて

ボックスの配置を相対位置にするか絶対位置にするか指定します。

top、 bottom、 left、 rightを併用して、基準位置からの距離を設定する必要があります。

.nav {
    position: fixed;
}
  • fixedスクロールしても位置が変わらない。

  • staticデフォルト。配置位置を指定しない。

  • relative相対位置への配置。staticを指定した位置が基準。

  • absolute絶対位置への配置。親にposition:staticが指定されていない場合、親の左上が基準。

親要素にrelativeを指定し(top,bottom,left,rightを指定しません)、absoluteを子要素に指定することで、親要素に対して絶対配置することができます(top,bottom,left,rightを指定します)。