CSS - display:none vs visibility:hidden

JUGNMIN LEE·2021년 1월 20일

인스타그램 클론코딩중 Layer를 사라지게 하는 두가지의 차이를 짧게 메모한다!

div 태그로 만든 Layer를 안보이게 하는 두가지 방법

  1. display:none <-> block

    아예 사라지게 하는것. 보이지도 않고 해당 공간도 존재하지 않게 됨

  2. visibility:hidden <-> visible

    보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨

이렇게 두가지의 차이를 알고 공간을 가지고 갈 것 인지
아니면 존재 자체를 사라지게 할 것인지 확인 해보자

profile
Frontend Developer

0개의 댓글