將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中文網其他相關文章！
