display:none 와 visibility:hidden은 얼핏 보면 같은 기능을 하는 것 같지만 자세히 들여다보면 확실히 들어나는 차이점이 하나 있습니다. 결론부터 말하자면 공간의 차이라 할 수 있습니다. display:none 를 하게되면 html은 구조상에서 사라지게 되고 visibility:hidden의 경우에는 단지 눈에만 보이지 않을 뿐 공간을 차지 하고 있다는 것입니다.