반응형



## 모든 요소들의 기본 position :  static(원래 있어야 할 곳에 배치한다)


1. Relative position

-> 기존 static 위치 기준으로 top/right/bottom/left 방향으로 주어진 픽셀만큼 이동

-> z-index : 태그들이 겹칠 때 누가 더 위로 올라가는지 결정하는 속성 / 기본값 0


2. absolute position

-> 가장 가까운 포지셔닝이 된 조상 요소 기준

-> 부모 포지션이 relative, absolute, fixed 태그가 없었다면, 가장 위의 태그(body)가 기준


3. fixed position

-> 브라우저 윈도우가 기준 / 항상 특정 위치에 고정되어 있


반응형

'Web > HTML & CSS' 카테고리의 다른 글

10. list  (0) 2019.03.23
9. float  (0) 2019.03.21
7. display  (0) 2019.03.19
6. CSS 활용  (0) 2019.03.12
5. BOX Model -(2)  (0) 2019.03.12

+ Recent posts