将Google Maps Container DIV的宽度和高度设置为100％

小编典典

css

我加载了Google Maps API v3，并在中打印了Google Map
div。但是，当将width＆height设置为100％并且是auto时，我看不到地图。

这是HTML代码段。

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

有没有解决此问题的方法？

阅读 352

2020-05-16

共1个答案

小编典典

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

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

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

2020-05-16