본문 바로가기
JavaScript

Position

by 망쇼 2021. 6. 30.

1. position: static

기본 설정

포지셔닝이 안된 요소

 

2. position: reletive

원래 자리를 기준으로 상대적인 포지셔닝.

top: 00px 하게되면 원래 자리에서 00px 혼자 문단에서 삐져나옴

 

3. position: fixed

브라우저를 기준으로 포지셔닝.

top: 00px 하면 페이지로부터 00px 아래에 위치하게 됨

페이지를 스크롤해도 그자리에 있음

네비게이션 바에 자주 사용

 

4. position: absolute

가장 가까운 포지셔닝이 된 조상 요소를 기준으로 포지셔닝

top: 00px 하면 조상 요소를 기준으로 위에서 00px 떨어져서 위치함

 

'JavaScript' 카테고리의 다른 글

List  (0) 2021.07.01
Float  (0) 2021.06.30
정렬  (0) 2021.06.29
Display  (0) 2021.06.28
CSS 선택자  (0) 2021.06.28