position

position은 HTML 안의 요소 위치를 배치하는 속성으로 이미지, 텍스트를 원하는 위치에 배치할 수 있게한다.

positon property를 지정 후 top, right, bottom, left에 값을 지정하여 위치를 지정하면 property 특성에 맞게 지정된 위치에 배치된다.

position property

relative

static(기본값)을 기준하여 상대적으로 위치를 변경한다

absolute

기존 위치와 상관없이 위치를 변경할 수 있으나 부모 속성을 기준으로 위치가 변경된다.

fixed

기존 위치와 상관없이 위치를 변경할 수 있으며, 부모 속성에 영향을 받지 않는다. 브라우저 화면 기준으로 위치가 변경되며 이용자가 화면의 스크롤을 내리는 등 화면이 변경되어도 위치를 고정시켜 나타낼 수 있다.