如何讓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來的工作了用戶的高度只有其他途徑瀏覽器然後減去頁眉和頁腳的高度，並將地圖的高度設置爲剩下的值。