0

phonegapを使用してモバイルアプリを作成しています。つまり、すべて HTML、CSS、および JavaScript で行われます。

1 ページの本文は次のとおりです。

<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 は Google マップです。問題は、画面の下部まで自動的に伸びて、「Hello!」という div など、その下に配置したものをブロックすることです。

私はhtmlとcssが初めてです。私は何を間違っていますか？

4

1 に答える 1

1

マップの高さを 100% に設定しているため、画面の 100% を占有し、他のコンテンツを押し下げています。

「height:100%」と書いてある部分を小さい数字に変更してみてください。

次のCSSで試してみたところ、うまくいきました：

<style type="text/css">
  html, body, #map_canvas {
    margin: 0;
    padding: 0;
    height: 90%;
  }
</style>
于 2012-04-05T05:56:10.097 に答える