반응형
div 태그로 만든 Layer를 안보이게 하는 두가지 방법
1. display:none <-> block
아예 사라지게 하는것. 보이지도 않고 해당 공간도 존재하지 않게 됨
2. visibility:hidden <-> visible
보이지만 않고 해당 공간은 존재. width와 height값을 주었다면 그만큼 공간은 존재하게 됨
같은 기능을 하는 div 태그에 어떤건 display로 적혀있고 어떤건 visibility로 적혀있길래
디자이너 대리님께 여쭤보니 저리도 명쾌한 대답을..
나도 누가 뭐 물어보면 아주 명쾌하게 대답하고 싶다..
+ 추가로 알게 된 사실.
display의 속성으로 none과 block만 있는 줄 알았는데 아니었다.
none, block, inline, inline-block, list-item, table-header-group, table-footer-group
- IE 6.0 기준
또하나, display = "" 하면 디폴트 값이 쓰여지게 되는데 이때 span 태그 안에 있으면 inline
div 태그 안에 있으면 block 가 쓰여지게 된다.
반응형
