我有以下代码片段
<body onload="initialize()">
<div id="map_canvas" style="width: 100%; height: 100%"></div>
</body>
除非我添加以下 CSS 样式,否则该代码不会在屏幕上显示 map
<style type="text/css">
html {
height: 100%
}
body {
height: 100%;
margin: 0;
padding: 0
}
</style>
我认为 map_canvas
标签的 style
足以让 map 显示出来,但这显然是错误的。你能为我解释一下吗?谢谢。
最佳答案
当您对 map 的高度使用百分比值时,该值只能在父元素(例如主体)也具有使用 CSS 设置的高度时计算(此行为可能因使用的 DOCTYPE 而异)
关于 body 标签的 CSS 奇怪地影响了谷歌地图 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14920993/