Google地图未显示在“行”类中

Question

我正在尝试显示谷歌地图，每次使用此

<div class="large-12 columns" id="map-canvas"></div>

地图正在显示。它正常运作。

但是当我把这个div放在“行”类

中时

<div class="row">
<div class="large-12 columns" id="map-canvas"></div>
</div>

地图消失了。

这是css

html{
height: 100%;
  }

body{
height: 100%;
 }

#map-canvas{
height: 100%;
 }

Answer 1

height:100%仅在明确定义父级高度或所有父级高度均为100％直到html标记时才有效。