반응형
## 모든 요소들의 기본 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 |