var map = new daum.maps.Map(container, options);
단순히 맵만 생성해보려는건데도 width:100% height:100%를 지정하면 하얀 화면만 나옵니다.
width:100% height:500px ← height 값을 px 단위로 주면 출력이 되는데 대체 무슨 차이가 있는거죠
var map = new daum.maps.Map(container, options);
단순히 맵만 생성해보려는건데도 width:100% height:100%를 지정하면 하얀 화면만 나옵니다.
width:100% height:500px ← height 값을 px 단위로 주면 출력이 되는데 대체 무슨 차이가 있는거죠
자식엘리먼트는 부모 엘리먼트의 크기에 영향을 받습니다.
height : 100%를 했는데도 엘리먼트가 보이지 않는 것은 부모의 크기가 정의되지 않았기 때문입니다.
아마도 이렇게 스타일을 추가하면 100%로 보일거에요~
body, html {height: 100%;}