1

別の親 div 内にマップ div を表示しようとしています。

具体的には、 を<div id='map'></div>div 内にのみ表示し たいと考えていid="mapbox"ます。私が抱えている問題は、マップが含まれている div の外に表示されていることですid="mapbox"。マップが正しく表示されない原因となっている CSS がページのどこかにあるはずです。

<div class="g12" id="mapbox" style="display:none">        
<h1 style="padding-left:7px; padding-bottom:14px;">MapBox API</h1>  

<script src='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.js'></script>
<link href='http://api.tiles.mapbox.com/mapbox.js/v0.6.7/mapbox.css' rel='stylesheet' />

<style>
    #map { position:absolute; top:0; bottom:0; width:100%; }
</style>

<div id='map'></div>

<script>
    mapbox.auto('map', 'examples.map-zr0njcqy');
</script>

CSS を変更して、マップの div が含まれている親 div 内にのみとどまるようにスタイル設定する方法を誰かが説明できますか? ありがとう。

4

1 に答える 1

1

絶対位置は、要素が通常のドキュメント フローから流れ出すようにするため、要素がコンテナー ボックスから流れ出ないようにするためposition: relative;に、コンテナー要素に与える必要があります。このように、絶対位置 div は、親要素

#mapbox {
   position: relative;
}
于 2013-06-01T04:48:41.670 に答える