如何调整内部 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 和 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();
    });

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

如何调整内部 div 容器高度以适应其他 divs

How to adjust inner div container height to fit with others divs

html

css

jquery

twitter-bootstrap-3