Google maps 地图内容div溢出，但大部分地图是灰色的？（jquerymobile）

所以我们这里有两个问题，这两个问题都可以在这把小提琴上看到：如果你点击底部的“测试”链接

首先，包含地图画布的content div正好溢出标题栏。我的印象是绝对定位是相对于父元素（content div）工作的，然而地图画布已经超越了这一点

---

此外，您将看到地图仅显示在灰色画布的一小部分中，并且拒绝展开…当将其拖动到视图中时，它会调整自身大小。有人能解释这些问题吗？

绝对定位元素相对于页面的位置，除非它的父元素设置为

位置：绝对

或

位置：相对

内容div在标题上方溢出，因为

map\u canvas

设置为

position:absolute

。您需要为div指定环绕它的

位置：relative

，然后它将不再阻塞标题栏

但这并不能解决地图高度的第二个问题