CSS Position 속성 정리
- static 속성
- 기본값
top
,right
,bottom
,left
속성이 무시됌.
- relative 속성
- 별도의 프로퍼티 지정하지 않는 이상 static과 동일
- 인접요소와의 거리 설정
top
,right
,bottom
,left
지정
- absolute 속성
- 가장 가까운 조상 요소에
top
,right
,bottom
,left
에 따라 위치가 결정 - 부모요소가 relative일시,
left, right, bottom, top
은 부모의 영향을 받는다. - 조상 요소가 없을 시에, window의 북서쪽 모서리 끝을 기준으로 정렬됌.
- 가장 가까운 조상 요소에
- fixed 속성
- 스크롤 되더라도 같은 곳에 위치,
top
,right
,bottom
,left
지정 - 모바일에서는 고정 엘리먼트 지원이 불안정
- 스크롤 되더라도 같은 곳에 위치,
Reference
position : http://ko.learnlayout.com/position.html