[면접준비] position 속성에 대해 설명해보세요

position속성은 웹 문서 안에 요소들을 어떻게 배치할지 정하는 속성입니다. 

static은 요소를 문서의 흐름에 맞춰 배치합니다. top right bottom left와 같은 속성은 사용할 수 없고 float 속성만 사용가능합니다.

relative는 이전 요소에 자연스럽게 연결하여 위치를 지정합니다.

absolute는 원하는 위치를 지정해 배치합니다.

fixed는 지정한 위치에 고정하여 배치합니다.

sticky는 위치에 따라 동작 방식이 달라집니다. 요소가 임계점 이전에는 relative와 같이 동작하고 그 후에는 fixed와 같이 동작합니다.