如何在谷歌地图底部显示div?

时间:2014-07-30 07:23:02

标签: google-maps

我正在使用谷歌地图,其高度几乎达到窗口高度。我想在该地图下面放置一个div,它有一些动态数据。

当我尝试这样做时,我在地图底部得到div但是div的内容被隐藏了。当div的内容高于窗口高度时,我想在窗口中滚动条。 我怎么能这样做,请帮助我。 我使用以下代码:

<div id="map-canvas" style="width:100%; height:600px"></div>
<div>here the dynamic table will be generated ...</div>

感谢。

2 个答案:

答案 0 :(得分:0)

尝试使用div的position属性。

position: absolute

position: relative

此外,您可以使用chrome或mozilla中的开发人员选项(Ctrl + Shift + I)来正确定位div。

答案 1 :(得分:0)

尝试添加位置:相对; map-canvas和position:absolute;到div;

<div style="position: absolute">here the dynamic table will be generated ...</div>