地图屏蔽了屏幕元素？

我正在使用phonegap制作移动应用程序。也就是说，全部都是用HTML，CSS和JavaScript完成的。地图屏蔽了屏幕元素？

这里是一个页面的主体：

<p><a style="text-decoration:none" href="index.html">Home</a></p> 

    <div id="map_canvas" style="width:100%; height:100%"></div> 

<div id="bottombar"> 
     <p>Hello</p> 
</div>

的map_canvas提供DIV是一个谷歌地图。问题是它会自动延伸到屏幕底部，并阻挡我放在它下面的任何东西，比如说“你好！”的div。

我是一种新的HTML和CSS。我究竟做错了什么？

来源

2012-04-05 Aerovistae

你能发布更多的代码/做出exampleat jsfiddle.net，所以我们可以看到这件可能与其他人在你的应用程序进行交互？（Css呢！） – Kyle 2012-04-05 06:03:57

您将地图的高度设置为100％，因此占据了屏幕的100％，并将其他内容向下推。

尝试更改说“高度：100％”的部分，以便更小的数字。

我只是想用下面的CSS和它的工作：

<style type="text/css"> 
    html, body, #map_canvas { 
    margin: 0; 
    padding: 0; 
    height: 90%; 
    } 
</style>

来源

2012-04-05 05:56:10

我试过了，没有什么区别。有一秒钟我以为我曾经犯过最愚蠢的错误，但没有运气。 – Aerovistae 2012-04-05 05:56:49

固定高度怎么样，比如说“300px”而不是百分比？ – 2012-04-05 05:58:16

我刚刚编辑我的答案，包括我刚刚测试的一些CSS，它的工作原理。 – 2012-04-05 06:04:17

地图屏蔽了屏幕元素？

回答

相关问题