css - 身体标签的 CSS 奇怪地影响了谷歌地图画布

Question

我有以下代码片段

<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>

我认为styleformap_canvas标签足以显示地图，但显然是错误的。你能给我解释一下吗？谢谢你。

score 2 · Accepted Answer

当您对地图的高度使用百分比值时，该值只能在父元素（例如主体）也具有使用 CSS 设置的高度时计算（此行为可能因使用的 DOCTYPE 而异）

1 回答 1