[HTML/CSS] position 설명

position 이란?
화면상에서 element를 배치하는 속성이며 static , relative, absolute, fixed 가 있다.

Static
static는 elemet에 position을 지정하지 않았을 때 가장 기본으로 적용되는 값이다.
이 경우 element에 아무런 효과를 주지 못한다.

static 상태에서 top : 200px를 넣어도 변화가 없는걸 확인 할 수 있다.

Relative
자기가 원래 위치해야 하는 곳을 기준으로 지정한 position으로 이동이 가능하다.

또한 relative로 지정한 element는 다른 element들의 요소에 영향을 미치지 않는다는 특징을 가지고 있다.

Absolute
가장 가까운 위치에 있는 조상 element에 상대적으로 위치가 지정된다.
가까운 potitioned 조상 element가 없다면 body를 기준으로 적용된다.

Fixed
단어 뜻 그래도 고정시킨다는 의미를 가지고 있다.
스크롤로 화면을 움직여도 사라지지 않고 고정적으로 위치하는 속성이다.