position: absolute / relative

absolute를 이용해 원하는 위치에 요소 적용시키기

- 배치할 요소에 position:absolute 적용한 뒤 가로, 세로 좌표값을 설정

- absolute의 좌표값은 무조건 '부모요소' 중에서 position 속성이 있는 기준으로 좌표값 설정

- 특정 요소를 absolute로 설정하는 순간에 해당 요소는 문서에서 강제로 뜯어져나와 설정한 좌표값 위치로 얹혀짐

 

- position: relative는 화면상에 (좌표값을 주지 않으면) 아무런 변화를 일으키지 않으면서 position 속성만 설정

- position: relative는 보통 자식 absolute요소의 기준점을 설정할 때 쓰임

 

- position: static 기본설정값, 위에서 아래로 쌓임

 

- absolute를 사용할 경우엔 float을 해제해줄 필요가 없음