Как отрегулировать внутреннюю высоту контейнера div, чтобы соответствовать другим divs

Question

Пожалуйста, проверьте демо link Я просто хочу настроить Geomap Высота div до 100%. Я попытался с этим Javascript ниже, но его переполнял нижний колонтитул.

function handleResize() { 
var h = $('html').height(); 
     $('#map-geo').css({'height':h+'px'}); 
} 
$(function(){ 
     handleResize(); 
     $(window).resize(function(){ 
     handleResize(); 
    }); 
}); 

В настоящее время мой Html и CSS Тело

html, body { 
    font-family: 'Open Sans', sans-serif; 
    -webkit-font-smoothing: antialiased; 
    height:69% !important; 
    width:100% !important; 

} 

Пожалуйста, помогите мне сделать это нужным.

Answer 1

, насколько я знаю, вы должны заменить:

$('#map-geo').css({'height':h+'px'}); 

с:

$('#map-geo').css('height',h+'px'); 

И вы также должны поместить все функции в:

$(document).ready(function() { 
}); 

Вы можете попробовать это, если оно сработает для вас:

$(document).ready(function() { 
     function handleResize() { 
     var h = $('html').height(); 
      $('#map-geo').css('height',h+'px'); 
     } 
     handleResize(); 
    }); 

Это само по себе должно изменить размер элемента.