position 속성 - relative, absolute, fixed

박민규·2020년 6월 23일
0

html,css

목록 보기
1/5

position 속성에는 4개의 값이 있다.

그 중에서 static(제일 기본상태)는 잘 쓰지않는다.

relative

평소에는 static와 같은 상태다.
여기에 top, right, bottom, left 등의 box offset property를 사용하면 위치를 변경할 수 있다.

absolute

브라우저 화면에서 어디든 원하는 곳에 배치를 할 수 있다.
position 속성이 absolute인 경우, 컨테이닝 블록은 position 속성 값이 static이 아닌(fixed, absolute, relative, sticky) 등 이면
그 부모에 대 해 절대적으로 움직이게 된다.

fixed

viewport의 초기상태로 배치가 되는데 fixed는 페이지를 스크롤해도 항상 같은 곳에 위치하게 된다.
위치 변경 (top,right, bottom, left) 속성 사용 가능.

profile
개(발)초보

0개의 댓글