display: none; 해당 콘텐츠를 아예 치워버리기 때문에 콘텐츠가 차지하던 공간도 함께 없어진다. visibility: hidden; 해당 콘텐츠가 눈에 보이지 않을 뿐, 콘텐츠가 차지하던 공간은 그대로 남겨둔다. opacity: 0; visibility: hidden;처럼 눈에 보이지 않되 공간을 차지한다. 그리고 display: none;이나 visibility: hidden;과는 달리 이벤트가 정상적으로 작동한다. 요약 001.html normal 보이는가? O 이벤트 작동 O 공간 차지 O display: none; 보이는가? X 이벤트 작동 X 공간 차지 X visibility: hidden; 보이는가? X 이벤트 작동 X 공간 차지 O opacity: 0; 보이는가? X 이벤트 작동 O..
