强制div适合浏览器屏幕?

好吧,我想把div调整到浏览器窗口的大小。所以我有一个高度:100%。这一切都很好。但是,它包含一个表(在ASPX控件中,我无法更改的代码等),许多级别下面都有一个div,“height:1869px”(溢出:auto和position:relative,如果这很重要的话)。这将导致调整表的大小以适应该值,整个页面最终将滚动。IE8开发人员工具报告我的外部div只有896的高度,但是直接包含在其中的表(它的唯一子元素)有1888的高度。

基本思路如下:

<div style="height:100%">
    <table><tr><td>
        <!-- A whole bunch of other stuff the WebPart spits out, including another couple divs -->
            <div style="height:1869px">
     </table></tr></td>
</div>

(虽然课堂上有很多风格,但我的 height:100% 以及 height:1869px 是内联定义的——而我的必须是,否则sharepoint将 height:400px )

我不能更改外部div(它由SharePoint web部件生成)以下的任何内容,虽然可以用JavaScript黑客来修复(找到问题的确切元素并消除它),但这不是一个可维护的解决方案,因为web部件可能会更改。谢谢你的帮助!