Javascript 谷歌地图div没有出现在JSBin中

如果我将宽度设置为500px，我可以在单击“开始”按钮时显示地图画布div。如果我将高度/宽度设置为100%，则不会显示

我想确保我的项目将加载到移动设备上，所以我不想使用绝对尺寸

---

Use可以使用绝对定位，而不使用宽度|高度值，使用设置为0的顶部|左侧|底部|右侧作为其值，这将导致地图画布div成为包含元素的第二个大小，只要将其设置为相对，如下所示：

#second {
    position: relative;
}

#map-canvas { 
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
}

这是你的电话号码

我希望这有帮助

见

---

CSS中有一个错误。85%后的逗号必须是分号。大多数官方使用高度的百分比值，它们工作得很好good@Dr.Molle我只是快速浏览了一下，没有找到一个，你能引用一个吗？几乎所有的都有一个全屏视图来实现这一点。@geocodezip我被更正了，答案被编辑以删除不正确的信息。谢谢它确实显示地图，但现在second继承了相同的问题-无论我将此元素设置为什么百分比，它似乎都不会调整地图的大小？您的链接具有逻辑意义，但是您的CSS仍然不会显示地图。可能是Molle博士指出的CSS中的语法错误，以前是85%的答案是正确的，但正是jumbotron班的学生把事情搞砸了。将此设置为具有高度和宽度似乎解决了问题。谢谢问题中您发布的代码中没有jumbotron类。如果嵌套div有问题，那么它是的副本，但我查看了您的css，没有看到任何问题。

html {
  height:100%;
  width: 100%; 
}
body {
  padding-top: 50px;
  padding-bottom: 20px;
  height: 100%;
  width: 100%;
}

#map-canvas { 
  height: 85%;
  width: 100%;
}