개발을 진행하다가 화면 위에 팝업과 이미지를 띄어야 하는 상황이 있었다. css의 position이 계속 헷갈려 정리 한다. 1. Position 속성 타입 의미 static 가장 위, 왼쪽으로 배치됨 (top, left, bottom, right 값 전부 무시) relative 요소 자기 자신을 기준으로 배치 absolute 부모(조상) 요소를 기준으로 상대적 배치 fixed 뷰포트의 초기 컨테이닝 블록 기준으로 배치 sticky 스크롤 영역 기준으로 배치 자세한 내용은 아래 소스와 결과를 보며 이해하자. Position 적용 예시 position.html CHILD1 CHILD2 style.css .aa { width: 200px; height: 200px; margin: 20px; backgroun..
