position 속성

* Position 속성

- 태그를 어떻게 위치시킬지 정의.

1. static

- 기본값으로 다른 태그와의 관계에 의해 자동으로 배치된다.

- 위치를 임의로 설정할 수 없다.

 

2. absolute

- 절대 좌표와 함께 위치 지정 가능

- top / bottom / left / right 등을 이용하여 설정 가능하다.

- 가로 크기가 100%가 되는 block 태그의 특징이 사라진다.

 

3. relative

- 원래 있던 위치를 기준으로하여 좌표를 설정한다.

 

4. fixed

- 스크롤과 상관없이, 항상 문서 최 상단의 좌측 상단을 기준으로 좌표를 고정한다.

- 가로 크기가 100%가 되는 block 태그의 특징이 사라진다.

 

5. inherit

- 부모 태그의 속성값을 상속 받는다.