如何使 Google 地圖容器 Div 的高度和寬度均為 100%？

將Google 地圖容器DIV 設定為100% 高度和寬度

許多開發人員在嘗試設定Google 地圖容器的寬度和高度時會遇到問題Google 地圖容器div 為100%。將這些屬性設為 100% 通常會導致地圖不可見。

HTML 程式碼：

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

解決方案：

要解決此問題，請確保地圖的所有父容器的寬度都設定為100%。此外，為 #content div 設定固定的寬度和高度：

CSS：

<code class="css">body, html {
  height: 100%;
  width: 100%;
}

div#content {
  width: 100%;
  height: 100%;
}</code>

透過設定這些 CSS 屬性，地圖現在將佔據整個可見區域。

以上是如何使 Google 地圖容器 Div 的高度和寬度均為 100%？的詳細內容。更多資訊請關注PHP中文網其他相關文章！