[CSS] position: absolute

position: absolute; - 부모 요소를 기준으로 배치. - 여기서의 부모요소는 기본적인 HTML의 구조적인 부모가 아닌 위치상의 부모 요소를 의미. - position: absolute; 지정 시 3번 박스는 사라짐. - 이때 3번 박스는 2번 박스 뒤에 숨어 있는 것. - position: absolute;가 부여된 2번 박스는 부모 요소를 기준으로 배치될 준비를 끝냄. - 1, 2, 3 순서로 쌓이는 개념이 존재하지 않고 1, 3번 박스에 대한 상관관계를 무시. - 2번 박스 공중으로 붕 뜬 상태와 같이 되고 3번 박스는 밀려서 1번 박스 아래에 위치하게 된 것. - 3번 박스의 크기를 늘릴 경우 2번 박스 뒤편에 있는 것을 확인할 수 있음. - position: absolute;에 top, left 속성 지정. - 위의 예에서 현재 2번 박스의 배치는 잘못된 상태임. - 부모 요소를 기준으로 top/left값을 입력한 것과 맞지 않음. 현재 위치는 브라우저의 뷰포...

원문링크 : [CSS] position: absolute