将传单地图设置为高度：容器的 100%答案

【问题标题】：Set Leaflet map to height: 100% of container将传单地图设置为高度：容器的 100%
【发布时间】：2015-06-28 17:04:03
【问题描述】：

请问我们如何将地图 div 设置为 height: 100% of its container？

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

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

【问题讨论】：

【解决方案1】：

设置

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

并给它的容器position: relative。

【讨论】：

您需要为 AdminLTE 的 html 结构提供更多上下文。目前还不清楚什么在这里不起作用。简而言之：#map 元素的父元素之一将需要固定的高度/宽度。你只能设置#map { height: 100%; } 如果它的父母之一有固定的高度。

【解决方案2】：

上面的答案对我不起作用，但确实如此：

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

【讨论】：