将 Google 地图容器 DIV 宽度和高度设置为 100%

我加载了 Google Maps API v3 并打印了 Google Mapdiv。但是当将宽度和高度设置为 100% 并自动时，我看不到地图。

这是 HTML 代码片段。

<!-- Maps Container -->
<div id="map_canvas" style="height:100%;width:100px;margin:0 auto;"></div>

有办法解决这个问题吗？

如果你想用它覆盖整个页面，你必须将所有父容器设置为 100% 宽度。您至少必须为 #content div 设置宽度和高度的绝对值。

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

div#content {
  width: 100%; height: 100%;
}