如何用jquery动态改变div的高度？

$(function(){
var a=$(window).height()
$('div').css('height',a)
});

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

这个不行，还要减去头部那个DIV的高度吧
还需要加上
$(window).resize(function(){
    var a=$(window).height()
   $('div').css('height',a)
});
终于调试出来了，IE下没问题，但FF下还是不行，有谁能改改让它也支持FF<html>
<head>
    <title>无标题页</title>    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(window).resize(function() {
            setDivMaxHeight();
        });
        function setDivMaxHeight() {
            var wh = window.screen.height;
            var ph = $(document).height();
            var bh = $(document.body).height();
            var hr = $("#header").height();
            var h = parseInt(bh) - parseInt(hr) - 5;            $("#footer").css("height", h);
        }
    </script>
</head>
<body style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;" onload="setDivMaxHeight();" onresize="setDivMaxHeight();">
    <div id="header" style="background-color:Green;">
        <a>这是页面头部</a>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <div style="margin-top:20px; padding-top:20px;">
            <br />
        </div>
    </div>

    <div id="footer" style="overflow:scroll; height:400px; width:100%; background-color:Silver;">
        <a>这是可滚动的区域</a><br /><br /><br /><br />
        <a>这是可滚动的区域</a><br /><br /><br /><br />
        <a>这是可滚动的区域</a><br /><br /><br /><br />
        <a>这是可滚动的区域</a><br /><br /><br /><br />
        <a>这是可滚动的区域</a><br /><br /><br /><br />
        <a>这是可滚动的区域</a><br /><br /><br /><br />
        <a>这是可滚动的区域</a><br /><br /><br /><br />
        <a>这是可滚动的区域</a><br /><br /><br /><br />
        <a>这是可滚动的区域</a><br /><br /><br /><br />
    </div>
</body>
</html>