地圖屏蔽了屏幕元素？

我正在使用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

地圖屏蔽了屏幕元素？

回答

相關問題