absolute

요소를 일반적인 문서흐름에서 제거하고, 페이지 레이아웃에 공간도 배정하지 않습니다. 
대신 가장 가까운 위치 지정 좡 요소에 대해 상대적으로 배치합니다.
단, 조상 중 위치 지정요소가 없다면 초기 컨테이닝 블록을 기준으로 삼습니다.
최종 위치는 top, right, bottom, left값이 지정합니다.

 

See the Pen Untitled by Jeong-Dagyeong (@jeong-dagyeong) on CodePen.

문서의 흐름에서 제거된다

 => 마치 float를 left나 right로 줬을 때 처럼 공중에 한겹 붕 뜨게 된다.

그렇기 때문에 아래 있는 것들이 위로 올라오게 된다.

 

position : absolute인 요소는, 조상 중에서 position이 static이 아닌 요소를 찾아 기준점을 삼는다.

static이 아니고 absolute나 relative면 적용 가능하다.