如何使谷歌地图的页眉和页脚之间的剩余高度达到100%



我在wordpress网站上设置了一个谷歌地图:

http://drummersdatabase.com/map/(当前设置为500px高度作为临时解决方案)

我已经设法使地图覆盖了100%的宽度,但没有覆盖剩余的高度。我基本上想确保无论用户的分辨率如何,都没有滚动条。

当我设置地图高度和/或它包含div css(class="gridfull")时,100%;它似乎将其解释为100px。

你知道我该怎么解决这个问题吗?

谢谢,

Dave

当你要求地图的高度为100%时,它不知道什么是100%的高度。

如果您将HTML和BODY标记设置为100%的高度,这将为您提供一个起点。

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

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

看看小提琴,看看我在说什么:

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

我唯一能想到的另一种方法是使用javascript计算用户浏览器的高度,然后减去页眉和页脚的高度,并将地图的高度设置为剩余的高度。

最新更新