visibility:hidden이랑 display:none의 차이점

.hidden {
    display: none;
  }

 

공간 자체가  없어진다. 

 

---

 

.not-visible {
  visibility: hidden;
}

 

 

있던 공간은 그대로 둔다.