position

최영진·2023년 3월 30일
0

Position

프론트엔드에서 positon은?

CSS의 "position" 속성은 HTML 요소의 위치를 제어하는 데 사용됩니다.
"position" 속성은 다음과 같이 네 가지 값으로 설정할 수 있습니다.

static: 요소를 문서 흐름에 따라 배치합니다. 위치를 지정하지 않습니다. 이것이 기본 값입니다.

relative: 요소를 자신의 원래 위치를 기준으로 배치합니다. "top", "bottom", "left", "right" 속성을 사용하여 이동할 수 있습니다.

absolute: 요소를 부모 요소 중 상위에서 가장 가까운 "position" 값이 "static"이 아닌 요소를 기준으로 배치합니다. "top", "bottom", "left", "right" 속성을 사용하여 이동할 수 있습니다.

fixed: 요소를 뷰포트를 기준으로 배치합니다. 스크롤할 때 항상 같은 위치에 머무릅니다. "top", "bottom", "left", "right" 속성을 사용하여 이동할 수 있습니다.

그 외에도 요소가 겹치게 된다면
z-index 로 z축 위치를 조정할 수 있다.

profile
안녕하시오.

0개의 댓글