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