css 포지션

position:relative는 자기 자신의 위치 기준으로 배치를 한다 2번 박스의 이동이 다른 박스의 위치에 영향을 주지 않는다.

position:absolute는 가장 가까운 부모의 영역에 배치가 된다

absolute 속성은 절대적인 위치기 때문에 기준이 된 부모의 끝에서 부터 시작된다.

position: fixed는 화면이 이동되어도 그 위치가 고정되어 있는 상대 위치이다.

오른쪽 하단에 고정된 버튼에서 아무리 스크롤을 올리고 내려도 고정되어 있는 것이 position: fixed다

요소 쌓임 순서에 대해서는
position이 붙어 있는 태그들에 대해서 position이 붙어있지 않는 태그들을 다 뭉겐다

만약 모든 태그에 position:relative이거나 같은 동등한 순위일때
z-index를 사용하여 우선순위를 높일 수 있다.