css – 设置Google地图容器DIV宽度和高度100％

我加载了Google Maps API v3并在div中打印Google地图。但是当设置宽度&高度到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%;
}