CSS_position과 좌표 레이아웃

▶️ Position 속성

  .box {
    position : static; /* 기준이 엄서요 (좌표적용 불가) */
    position : relative; /* 기준이 내 원래 위치요 */
    position : absolute; /* 기준이 내 부모요 */
    position : fixed; /* 기준이 브라우저 창이요 (viewport) */
  }

Position 속성은 좌표속성을 적용할 기준점을 설정해준다. position : absolute는 정확히 말하면 부모 중에 position :relative를 가지고 있는 부모를 기준으로 한다.

▶️ position : absolute 를 적용한 요소 가운데 정렬

  .button {
    position : absolute; 
    left : 0;
    right : 0; 
    margin-left : auto;
    margin-right : auto;
    width : 적절히
  }