position

한신웅·2021년 12월 28일
0

CSS

목록 보기
1/3

position은 static, relative, absolute, fixed 총 4개의 속성이 있습니다.

static

-태그의 속성대로 위치를 잡습니다.
-기본 값으로 따로 작성하지 않아도 됩니다.
-top, bottom, left, right에 값이 적용되지 않습니다.

relative

-위치를 변경 할 때 사용됩니다.
-relative 속성을 부여하고 top, bottom, left, right에 값을 넣어 원하는 위치로 이동이 가능합니다.

absolute

-position: static 속성이 아닌 부모 및 조상을 기준으로 움직입니다.
-부모 및 조상 중에도 static 속성이 없다면 body를 기준으로 합니다.

fixed

-화면에 고정할 때 사용합니다.
-Result화면에서 스크롤 하면 fixed가 고정된 것을 볼 수 있습니다.

profile
genius🚀

0개의 댓글