position : relative, absolute, fixed

geewl·2022년 2월 1일
0

TIL

목록 보기
2/11

position 이란?

레이아웃을 배치하거나 객체를 위치시킬 때 사용되는 CSS속성. 상속되지 않으며, 상하좌우의 위치 설정이 가능함.

static

모든 태그들의 default값.

relative

relative는 자기자신을 기준으로 배치하는 방식이다. static 상태를 기준으로 주어진 값만큼 움직인다.

absolute

absolute는 부모의 속성에 position:relative; 속성이 있는 경우, 부모의 영역을 기준으로 움직인다. 부모의 속성이 없다면, 태그를 기준으로 움직이게 된다.

fixed

fixed는 스크롤을 올리거나 내림에 상관없이 특정 위치에 고정이 되며, relative의 기준점에 영향을 받지 않는다.

0개의 댓글