position

Summary

엘리먼트의 배치방법을 지정한다.

Value

• static : 보통의 일반적인 배치가 적용된다. top, right, bottom, left 속성은 적용되지 않는다.
• relative : 상대적인 위치에 배치된다. 즉 그 엘리먼트의 본래의 위치를 기준으로 배치된다. 위치는 top, right, bottom, left 속성에 의해 지정된다. 뒤에 계속되는 요소의 배치에 영향을 주지 않는다. [Sample]
• absolute : 절대적인 위치에 배치된다. 즉 포함블럭의 네변을 기준으로 배치된다.  위치는 top, right, bottom, left 속성에 의해 지정된다. 뒤에 계속되는 요소의 배치에 영향을 주지 않는다. [sample]
• fixed : 고정적인 위치에 배치된다. 브라우저의 스크롤에 의한 영역이동에 대해 고정된다. 또한 인쇄매체에 대해서도 각 페이지의 같은 위치에 인쇄된다. 위치는 top, right, bottom, left 속성에 의해 지정된다. 뒤에 계속되는 요소의 배치에 영향을 주지 않는다. [sample]

Tip

1. 다음과 같이 사용될 수 있다.
   ?

   1 2 3 4 5

   div.wrap { position: relative; top:45px; left: 100px; }