position 속성

한결·2021년 8월 2일
0

position의 기본값은 static으로 top이나 left의 값에 영향을 받지 않는다.

속성을 relativeabsolute를 줄때로 나누어 보겠다.

relative
현재 위치에서 top과 left와같은 값만큼 이동한다.

absolute
자신의 가장근접한 부모(static이 아닌)의 기준에서 지정한값대로 이동한다.(크기를 따로 지정해주지 않으면 부모의 영향을받음)

위의 속성과는 다르게 뷰 포트에서 포지션 변경이 일어나는 두가지 속성 stickyfixed가 있다.

sticky
포지션을 지정해줘야하고 스크롤링시 고정이됨

fixed
기존의 문서에서 나와서 상대적 viewport에서 포지션이 결정됨

profile
개발

0개의 댓글