'이번포스팅에서가장오래걸린것은배색'에 해당되는 글 1건

  1. 2011.09.09 display와 visibility의 차이

display와 visibility의 차이



무슨 차이인지 보이시나요?
CSS로 특정 오브젝트를 숨겨야 할 경우
display:none을 사용했을 때와 visibility:hidden을 사용했을 때의 결과는 다르게 나타납니다.

display:none을 사용하면 노란색 박스가 사라지면서
초록색 박스가 display:none된 노란색 박스의 영역으로 당겨와서 보여집니다.

하지만 visibility:hidden을 사용하면 노란색 박스의 위치와 크기는 그대로 유지하면서
보여지지만 않게 합니다.

각각의 특성에 따라 적절하게 사용하면 되겠습니다 :D

prev 1 next