Question

将Google地图添加到我的项目时遇到了一些问题。当我把它变成身体标签时它会起作用。但是当我有这样的结构时

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

它没有显示任何内容。我怎么能解决这个问题？

Answer 1

这是因为height: 100%;是always relative to the parent's height。在你的情况下，这是无名的div，其高度为零，因此#map_canvas将是100％，它仍为零。因此，Google地图不会显示，因为div没有可见的高度。

如果您在父div上指定100％，它将再次起作用。我猜你已经有了html, body { height: 100%; }，如果它只是在body标签中。

Answer 2

你有html，身体也是100％？

html, body, #map_canvas { margin: 0; padding: 0; height: 100% }