프론트 052 - Position

규링규링규리링·2024년 8월 22일

프론트 공부하기

목록 보기
52/135

Position


position: static(기본값)

top,left 값을 줬지만 position 이 static이라서 기능하지 않음

position: relative

기존 위치에서 위에서 30, 왼쪽에서20 픽셀씩 이동

position: absolute

입력한 값이 절대좌표가 됨.
절대좌표는 absolute의 부모들 중에서 relative가 적용된 부모 기준으로 절대값.
만약 relative 적용된 부모가 없다면 html의 body 전체를 기준으로 절대값.

position: fixed

스크롤을 이동해도 fixed된 상자는 같은위치에 있음.

position: sticky

z-index [값들이 겹쳤을 때]

기본값은 atuo

0개의 댓글