将传单地图设置为高度：容器的100％

Question

请如何将地图div设置为高度：其容器的100％？

我已经在Bootstrap模板内容部分中尝试过此操作，但是我得到的只是高度0px。甚至Google-Dev工具也将#map的高度显示为0px。

body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
}

Answer 1

上面的答案对我不起作用，但这确实有效：

   body {
        padding: 0;
        margin: 0;
    }
    html, body, #map {
        height: 100%;
        width: 100%;
    }

..来自全屏leaflet.js地图

Answer 2

组

#map{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

并给它的容器position: relative。