Google 地图未显示在 "row" class 中

Question

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

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

地图 showing.It 正常工作。

但是当我把这个 div 放在 "row" class

<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% 仅在明确定义 parent 的高度或所有 parent 的高度都为 100% 直到 html 标签时才有效。