javascript - 如何删除动态内容底部的空间？

我正在设计一个页面，在这个页面中div的底部应该接触到页面的末尾，而不是底部边距或填充，所以我将主div的高度设置为

 $(function() {
     $('.divMain').css({'height': (($(window).height())) + 'px'});

     $(window).resize(function() {
         $('.divMain').css({'height': (($(window).height())) + 'px'});
     });
 });

我的HTML是：

<div class="divMain">
    <table id="eduGrid"></table>
</div>

其中"eduGrid"是动态生成的（引导）。
最初它的工作很好，但我在那个div中有一些内容可以添加到用户端（添加新的教育等），这样内容就在主div之外移动，看起来是有线的。

最佳答案

检查此项以查看全屏结果-http://fiddle.jshell.net/DRRsn/1/show/light/
检查这个小提琴代码-http://jsfiddle.net/DRRsn/1/
CSS

html,body{width:100%;height:100%; overflow:hidden; margin:0;padding:0;}
div{background:blue;}
table{background:pink;height:100%;;width:50%}

HTML格式

<div class="divMain">
<table id="eduGrid"></table>
</div>

JS公司

$(function() {
    $('.divMain').css({'height': (($(window).height())) + 'px'});
    $(window).resize(function() {
        $('.divMain').css({'height': (($(window).height())) + 'px'});
    });
});

希望这就是你想要的。