position 속성??

속성을 이용하면 텍스트나 이미지를 원하는 위치로 배치할 수 있고 어떤 방식으로 놓을 지를 결정 할 수 있다. 자주 사용하니 알도록 하자

static - 요소를 문서 흐름에 맞추어 배치.

relative -  이전 요소(주로 부모 요소)에 자연스럽게 연결하여 위치를 지정.

absolute - 원하는 위치를 지정해 배치.

fixed - 지정한 위치에 고정하여 배치.

sticky -  위치에 따라서 동작방식이 달라짐. 요소가 임계점(scroll 박스 기준) 이전에   는 relative와 같이 동작. 그 이후에는 fixed와 같이 동작.