如何調整內部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();
    });

僅此一項就應該調整元素的大小。