谷歌地图全屏

Question

我试图让谷歌地图显示100%的宽度和高度.我搜索了几个例子,但无法让它工作.它在这里的页面

我在头脑中使用了这个css

<style type="text/css">
html, body { height:100%; }
</style>

这在地图div内联

<div id="map" style="width:100%; height:100%;">indenfor</div>

地图dosnt显示

如果我这样做

<div id="map" style="width:500px; height:500px;">indenfor</div>

然后地图以500x500像素显示.

我究竟做错了什么？

Answer 1

我使用了以下css:

#map_canvas {
    width:100%;
    height:100%;
    position: absolute;
    top: 0px;
    left: 0px;
}