Html 除非定义了固定高度，否则谷歌地图不会显示

我使用的是一个列布局框架，我似乎无法让谷歌地图使用它。如果我将地图画布上的高度定义为100px，则显示良好。但是，我希望它是6列上高度的100%，这将不起作用，因为它显然将高度（无论我设置了什么百分比）设置为0

我的密码是：

<div class="col l6">
    <div id="map-canvas"></div>
</div>

javascript来自他们网站上的简单示例

根据他们的文档，我已将

和

上的高度设置为100%，但无论如何都不起作用

---

我的问题是：如何确保显示地图而不必使用特定的x像素高度来设置#地图画布的样式？

我最近在使用Bootstrap UI时遇到过这种情况

我必须在我的案例中添加这个，看看是否有帮助

#map-canvas {
    width:100%;
    height:calc(100% - 0px);
}

---

我最近在使用Bootstrap UI时遇到过这种情况

我必须在我的案例中添加这个，看看是否有帮助

#map-canvas {
    width:100%;
    height:calc(100% - 0px);
}

---

我最近在使用Bootstrap UI时遇到过这种情况

我必须在我的案例中添加这个，看看是否有帮助

#map-canvas {
    width:100%;
    height:calc(100% - 0px);
}

---

我最近在使用Bootstrap UI时遇到过这种情况

我必须在我的案例中添加这个，看看是否有帮助

#map-canvas {
    width:100%;
    height:calc(100% - 0px);
}

---

---

直到最近，我一直在努力解决这个问题，问题是你实际上需要为地图制作一整页（文档上的那一页就可以了）。然后将其与实际页面上的

一起使用。然后你只需要使用iframe的宽度和高度。

直到最近我一直在努力解决这个问题，问题是你实际上需要为地图制作一整页（文档上的那一页就可以了）。然后将其与实际页面上的

一起使用。然后你只需要使用iframe的宽度和高度。

直到最近我一直在努力解决这个问题，问题是你实际上需要为地图制作一整页（文档上的那一页就可以了）。然后将其与实际页面上的

一起使用。然后你只需要使用iframe的宽度和高度。

直到最近我一直在努力解决这个问题，问题是你实际上需要为地图制作一整页（文档上的那一页就可以了）。然后将其与实际页面上的

一起使用。然后您只需使用iframe width和height。

是的，我已尝试在带有列的div和地图画布div上将高度设置为100%。6列是否具有高度和宽度？对不起，我删除了之前的评论，我看到了你最后一句话的第一段。请参阅。请提供一个。是的，我已尝试将带有列的div和地图画布div的高度设置为100%。6列是否具有高度和宽度？对不起，我删除了之前的评论，我看到了你最后一句话的第一段。请参阅。请提供一个。是的，我已尝试将带有列的div和地图画布div的高度设置为100%。6列是否具有高度和宽度？对不起，我删除了之前的评论，我看到了你最后一句话的第一段。请参阅。请提供一个。是的，我已尝试将带有列的div和地图画布div的高度设置为100%。6列是否具有高度和宽度？对不起，我删除了之前的评论，我看到了你最后一句话的第一段。请参阅。请提供一个答案。它几乎可以！我不得不稍微修改它以满足我的需要，所以实际的代码是：top:64px；高度：计算（100%-64px）；位置：绝对位置；宽度：49.43%。啊哈，很高兴它起到了作用，我拼命想找到方法，但以前从未在css中见过这种基于计算的方法。它几乎做到了！我不得不稍微修改它以满足我的需要，所以实际的代码是：top:64px；高度：计算（100%-64px）；位置：绝对位置；宽度：49.43%。啊哈，很高兴它起到了作用，我拼命想找到方法，但以前从未在css中见过这种基于计算的方法。它几乎做到了！我不得不稍微修改它以满足我的需要，所以实际的代码是：top:64px；高度：计算（100%-64px）；位置：绝对位置；宽度：49.43%。啊哈，很高兴它起到了作用，我拼命想找到方法，但以前从未在css中见过这种基于计算的方法。它几乎做到了！我不得不稍微修改它以满足我的需要，所以实际的代码是：top:64px；高度：计算（100%-64px）；位置：绝对位置；宽度：49.43%。啊哈，很高兴它起到了作用，我拼命想找到方法，以前在css中从未见过这种基于计算的方法。