Twitter bootstrap 3 将传单地图设置为高度:容器的100%

Twitter bootstrap 3 将传单地图设置为高度:容器的100%,twitter-bootstrap-3,height,leaflet,Twitter Bootstrap 3,Height,Leaflet,请问我们如何将map div设置为高度:其容器的100% 我已经在引导模板内容部分中尝试过,但我得到的只是0px的高度。甚至谷歌开发工具也显示#地图高度为0px body { padding: 0; margin: 0; } html, body, #map { height: 100%; } 设置 并给出其容器的位置:relative 上面的答案对我不起作用,但它确实起了作用: body { padding: 0; margin:

请问我们如何将map div设置为高度:其容器的100%

我已经在引导模板内容部分中尝试过,但我得到的只是0px的高度。甚至谷歌开发工具也显示#地图高度为0px

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


并给出其容器的
位置:relative

上面的答案对我不起作用,但它确实起了作用:

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

..from

map是身体的直系后代吗?请确保map的所有祖先都有100%的高度,并且应该可以正常工作。@jme11我使用AdminLTE作为引导模板。。。在不影响模板整体工作的情况下进行这些更改是非常困难的。您需要为AdminLTE的html结构提供更多上下文。现在还不清楚什么东西不管用。简而言之:#map元素的父元素之一需要固定的高度/宽度。您只能设置
#map{height:100%}
,前提是它的一个父级具有固定的高度。
   body {
        padding: 0;
        margin: 0;
    }
    html, body, #map {
        height: 100%;
        width: 100%;
    }