2013-02-17 62 views
0

我有下面的代碼片段CSS身體標記奇怪的影響谷歌地圖畫布

<body onload="initialize()"> 
    <div id="map_canvas" style="width: 100%; height: 100%"></div> 
</body> 

該代碼將不會在屏幕上顯示的地圖,除非我添加下面的CSS樣式

<style type="text/css"> 
html { 
    height: 100% 
} 
body { 
    height: 100%; 
    margin: 0; 
    padding: 0 
} 
</style> 

我想map_canvas標籤的style對於地圖來說足夠了,但它顯然是錯誤的。你能幫我解釋一下嗎?謝謝。

回答

2

當您使用百分比值作爲地圖高度時,只能在父元素(例如主體)使用CSS設置高度時才能計算此值(此行爲可能因所用的DOCTYPE而異)