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之外，并且看起来是有线的

检查此全屏结果-

检查此项是否存在小提琴代码-

CSS

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

$(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>

---

希望这就是你想要的。

如果这不是你想要的，我想是吧？-但是，如果您希望“divMain”占据浏览器窗口100%的宽度和高度，您可以使用CSS实现这一点——只需将其设置为一个位置：绝对

因此，默认情况下，它将有100%的高度，但如果内容高于页面，divMain将伸展

---

（在Chrome上测试）

谢谢大家，但我找到了解决此问题的方法。我已将我的函数体更改为：

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

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

---

因此，现在主div的最小高度作为浏览器高度，当主div的内容增加时，主div的高度也会增加。

您能提供一些您尝试过的内容吗？为div编写示例代码溢出的内容应该放在哪里？你想隐藏还是想滚动页面？我想显示所有没有滚动条的内容，内容应该在主分区内。你是否尝试添加

overflow:hidden或
溢出：自动
？
        $(function() {
            $('.divMain').css({'min-height': (($(window).height()) - 70) + 'px'});

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