如何让Google地图在页眉和页脚之间保持100％的高度？

Question

我已经建立了一个谷歌地图在我的WordPress站点位置：

http://drummersdatabase.com/map/（当前设置为500像素的高度，一个临时的解决方法）

我设法获取地图跨越宽度的100％，但而不是剩下的高度。我基本上要确保没有滚动条，而不管用户的分辨率。

当我设置地图高度和/或它包含div css（class =“gridfull”）100％;它似乎将其解释为100px。

任何想法如何解决这个问题？

感谢，

戴夫

Answer 1

，当你问你的地图是高100％它不知道什么是高100％。

如果您将HTML和BODY标签设置为高度100％，那么您可以从中获取起点。

然后，如果您只有页面上的地图，并告诉它的高度为100％，那么它确实会填充页面高度的100％。

然而，你有一个页眉和一个页脚，它们也占用了空间，所以为了做你想做的事情，你必须将页眉和页脚设置为基于百分比的高度。

看一看小提琴，看看我说的是：

http://fiddle.jshell.net/Mm3TT/

我能想到这样做将使用JavaScript来的工作了用户的高度只有其他途径浏览器然后减去页眉和页脚的高度，并将地图的高度设置为剩下的值。