body{width:100%;height:100%}

#mapwrap{width:100%; height:100%;}


以上的样式中height:100%并没有起作用，这是为什么呢？


我们再看一个：

html,body{width:100%; height:100%;}

#mapwrap{width:100%; height:100%;}


这样height:100%就起作用了。


height:100%这样的以百分制为宽和高的属性，都是要根据父级元素的宽和高来定的。body的父级元素就是html。

注意：为了让兼容性更好，在设置body的宽和高为100%时，最好把html也这样设置一下。