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

Comment and share