CSS <position>

jenna8447·2021년 1월 14일
0

position

position은 요소(element)의 위치를 정의한다.
position property는 5가지 value를 갖고 있는데
(static, relative, fixed, absolute, sticky)가 이와 같다.

static(기본값)은 position 속성의 default값이다.
기본적으로 위에서 아래로 그리고 왼쪽에서 오른쪽으로 각 요소들의 고유의 특징대로 위치가 배치된다.

relative (상대 위치)

relative는 요소가 원래 위치 해야 할 좌상단을 기준으로 위치(positioin)를 배정한다. top, right, bottom, left 프로퍼티가 있어야 원래의 위치에서 이동할 수 있다.

absolute (절대 위치)

absolute는 자신의 현재 상위태그에 해당되는 요소에서 특정 위치만큼 떨어진 거리를 설정하는 속성값이다.

fixed (고정 위치)

fixed는 브라우저 기준으로 요소의 위치를 배치한다. 주변 요소에 영향을 주지 않고 스크롤을 내려도 항상 고정되어 위치해 있다.

profile
개발 초보

0개의 댓글