谷歌地图不会显示高度100%

时间:2015-01-05 14:31:14

标签: html css twitter-bootstrap google-maps

我使用twitter bootstrap 3和谷歌地图,但此代码不会以%显示地图高度。当我使用PX时,一切都还可以。

<body onload="findMyCurrentLocation()">
<div class="col-xs-3 col-md-3 col-lg-3"></div>
<div class="col-xs-9 col-md-9 col-lg-9">

    <div id="map_canvas"></div>

</div>

和css:

#map_canvas {
              height:100%;
}

1 个答案:

答案 0 :(得分:-1)

<body>
<div class="container">
  <div class="col-xs-9 col-md-9 col-lg-9">
     <div id="map_canvas"></div>
   </div>
</div>
</body>

问题来自于您没有添加容器这一事实。