display: none, visibility: hidden 차이를 알아보자.
box1, box2, box3 이다.
여기서 box2에 display: none을 사용하면 아래 사진과 같이 아예 박스가 사라지면서 그 자리를 box3이 메꾼다.
다음으로 visibility: hidden을 사용하면 아래 사진과 같이 보여지지만 않고 그 위치에 그대로 있다.
The journey is the reward
box1, box2, box3 이다.
여기서 box2에 display: none을 사용하면 아래 사진과 같이 아예 박스가 사라지면서 그 자리를 box3이 메꾼다.
다음으로 visibility: hidden을 사용하면 아래 사진과 같이 보여지지만 않고 그 위치에 그대로 있다.