Html 表绝对div内的100%高度

Html 表绝对div内的100%高度,html,css,internet-explorer,html-table,Html,Css,Internet Explorer,Html Table,我在绝对定位的div中有一个表。div使用顶部0和底部0进行拉伸, 而且它似乎像预期的那样在跨浏览器中延伸。(我检查了一下,在它上面加了一个边框,它像预期的那样伸展了)。 现在,在沙发里我有一张桌子。我想让桌子伸展到所有的div空间, 在谷歌Chrome上也是如此。但在InternetExplorer和Firefox中并非如此,表格延伸到宽度,但忽略了height属性,其高度由其内容决定 有没有办法修复它,或者以某种方式绕过它 代码如下: <div style= "

我在绝对定位的div中有一个表。div使用顶部0和底部0进行拉伸, 而且它似乎像预期的那样在跨浏览器中延伸。(我检查了一下,在它上面加了一个边框,它像预期的那样伸展了)。 现在,在沙发里我有一张桌子。我想让桌子伸展到所有的div空间, 在谷歌Chrome上也是如此。但在InternetExplorer和Firefox中并非如此,表格延伸到宽度,但忽略了height属性,其高度由其内容决定

有没有办法修复它,或者以某种方式绕过它

代码如下:

<div
    style=
        "position:absolute;
         top:40px;
         left:0px;
         right:0px;
        bottom:0px;">
    <table
        width="100%"
        cellpadding="0"
        cellspacing="0"
        style="height:100%;">
    </table>
</div>

定义
div的
高度

<div style="position:absolute; top:40px; left:0px; right:0px; background-color: #f90; bottom:0px; height: 400px">
    <table width="100%" cellpadding="0" cellspacing="0" style="height:100%;">     
    </table>
</div>


是否有任何理由在绝对定位的div中使用表。是的,因为我的div在那里是为了确定高度。页面拉伸到屏幕的最大尺寸,div按预期拉伸。表应该延伸到div的全部大小,但是正如我所说的,只有googlechrome能够理解它。不可能使用外部样式表吗?你是什么意思?它将如何解决这个问题?这正是问题所在。我不想定义高度,因为它随窗口大小而变化。@Tal请参见此链接,
http://jsfiddle.net/6bqkL/1/
它也可以在firefox、IE和chrome中使用。还有一件事,确保此绝对div在设置为
position:relative
的任何div中都是
未包装的,但它是包装在相对div中的。这是使用绝对定位的唯一方法,不是吗?