地图屏蔽了屏幕元素?
我正在使用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。我究竟做错了什么?
您将地图的高度设置为100%,因此占据了屏幕的100%,并将其他内容向下推。
尝试更改说“高度:100%”的部分,以便更小的数字。
我只是想用下面的CSS和它的工作:
<style type="text/css">
html, body, #map_canvas {
margin: 0;
padding: 0;
height: 90%;
}
</style>
我试过了,没有什么区别。有一秒钟我以为我曾经犯过最愚蠢的错误,但没有运气。 – Aerovistae 2012-04-05 05:56:49
固定高度怎么样,比如说“300px”而不是百分比? – 2012-04-05 05:58:16
我刚刚编辑我的答案,包括我刚刚测试的一些CSS,它的工作原理。 – 2012-04-05 06:04:17
你能发布更多的代码/做出exampleat jsfiddle.net,所以我们可以看到这件可能与其他人在你的应用程序进行交互? (Css呢!) – Kyle 2012-04-05 06:03:57