div 태그로 만든 영역을 보이지 않게 하는 방법은 2가지가 있다.
div의 style의 속성을 아래와 같이 두가지로 설정할 수 있는데
쓸때마다 차이점이 아리송해서 정리해둔다.
1. display:none <-> block
영역 자체가 존재하지 않는다.
none였던 영역을 block시키면 layout에 따라서 하단 div가 밀려나거나 위치가 변경된다.
즉 존재가 없다가 추가된다.
2. visibility:hidden <-> visible
영역자체는 존재하나 내용은 보이지 않는다.
즉 빈영역이 존재하고 hidden에서 visible로 변경하게 되면 그 영역의 내용이 채워진다.
추가적으로 display속성이 더 존재하지만 아직 파악은 하지 않았으나
필요시 찾아서 참고해보도록 하자
none,block,inline,inline-block,list-item,table-header-group,table-footer-group
