2015-04-21 2 views
1

Пожалуйста, как мы можем установить для карты div высоту: 100% ее контейнера?Set Карта лифтов в высоту: 100% контейнера

Я пробовал это в разделе содержимого шаблона бутстрапа, но все, что я получаю, это высота 0px. Даже инструменты Google-Dev показывают высоту #map как 0px.

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

Является #Map прямым потомком тела? – jme11

+0

@ jme11 no its not –

+1

Убедитесь, что все предки #map имеют высоту 100%, и они должны работать. – jme11

ответ

2

Set

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

и дать свой контейнер position: relative.

+1

не очень хорошее решение для AdminLTE –

+0

Вам нужно будет дать больше контекста для html-структуры AdminLTE. Не совсем ясно, что здесь не работает. Короче: одному из родительских элементов вашего элемента #map потребуется фиксированная высота/ширина. Вы можете установить только '#map {height: 100%; } ', если один из его родителей имеет фиксированную высоту. –

1

выше ответ не работает для меня, но это сделал:

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

..from A full screen leaflet.js map