如何调整内部div容器的高度以适合其他div

Question

请检查演示链接，我只想将Geomap div的高度调整为100％。 我已经在下面尝试过使用此Javascript，但是页脚溢出了。

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

目前，我的HTML和Body 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();
    });

仅此一项就应该调整元素的大小。