position absolute

1. position: absolute

position: absolute는 가장 가까운 position: relative, absolute, fixed 또는 sticky가 적용된 조상 요소를 기준으로 한다. 만약 그러한 요소가 없다면, 뷰포트를 기준으로 한다.

제공받는 컨테이닝 블록의 가용공간을 너비, 높이 개념으로 늘리는 것이다.

 

left: 0, top: 0, right: 0, bottom: 0

 

이렇게 하면 가용공간을 늘리기 때문에 margin: auto가 가능하여 정렬이 가능하다. 하지만 이는 요소의 가로 세로 크기가 지정이 되어있을 때만 유효한다. 

 

또한 이는 단축속성이 있는데,

inset 0 0 0 0; 

이며 순서는 위쪽, 오른쪽, 아래쪽, 왼쪽 과 같이 padding, marigin의 단축속성과 같은 순서이다.