position과 좌표 레이아웃 만들기

이빈·2023년 10월 22일

html/css

목록 보기
10/18

좌표 속성을 이용하려면 기준이 되는 위치를 지정해줘야 한다.
그것이 바로 position.
position 속성은 4가지가 있다.

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

-> 여기서 absolute는 position: relative값을 가진 부모가 기준이다.
부모에 달라 붙어서 위치이동을 하게 된다.

0개의 댓글