Google maps api 3 谷歌地图API：地图高度问题

在谷歌最近对其API进行了修改之后，我不得不修改所有涉及地图的页面。经过几个小时的工作，一切都恢复正常，只有几个琐碎的问题。这是第一个：

在一些页面上，我在一个floatbox（www.floatboxjs.com）中打开地图，其中有一行

<a href="../maps/map_hotel.php?<?php echo "hid=".$hid ?>" class="floatbox locmap" data-fb-options="caption:`<?php echo $row_hotel['hotel'];?>` scrolling:no">See location map</a>

---

如果我以像素为单位指定高度，它会。为什么会这样？考虑到将用于查看它的设备种类繁多，固定高度是非常不令人满意的。

我找到了解决方案：我将Floatbox从7.5.1版更新到8.1.1版，问题就消失了。我在Floatbox更改日志中找不到任何东西表明它可以克服这个问题（这只是我被迫进行更改时才出现的问题），但它确实解决了。

父元素没有高度，所以浏览器不知道百分比是多少。相关问题：我已经编辑了我的问题以显示我正在使用的CSS。html和正文也已设置为100%。我也尝试过关于这个相关问题的最小高度建议，但没有任何效果。我还尝试了height:inherit和height:auto。请提供一个示例来说明您的问题。

map\u hotel.php

是否有

和/或

标签？

html {height:100%}
body{height:100%;margin:0;padding:0}
#mapCanvas {height:100%;}
table.infowin, table.infowin tr, table.infowin td{margin:0;padding:0;border:0;background-color:#FFF;color:#666}
table.infowin td.pic{vertical-align:top}
td.pic img{margin-bottom:4px;border:none}
a{text-decoration:none}
.hotel{font-size:1.2em;font-weight:bold;color:#3498db}
.gm-style-iw{padding:6px;width:230px !important;border:1px solid #666;background-color:#fff}