css - TABLE 元素 100% 最小高度容器的高度

Question

这是一个如此简单（而且有点愚蠢）的问题，但我找不到一个好的答案。

如何使 TABLE 元素拉伸到其具有最小高度的父容器的 100% 高度？考虑一下：

<div>
    <table><tr><td></td></tr></table>
</div>

和CSS：

div { min-height:400px; background:yellow }
table { background:pink; height:100% }

小提琴：http: //jsfiddle.net/faynV/

我真的不习惯使用表格，所以任何帮助表示赞赏......

Answer 1

这是你想要的吗 ？

div{min-height:400px;height:400px;background:yellow}
table{background:pink;height:100%;width:100%;}

http://jsfiddle.net/faynV/1/

Answer 2

将 html 和 body 标签的高度设置为 100%，然后设置外部容器高度。IE

body,html{height:100%;}
div{min-height:400px;height:100%;background:yellow}
table{background:pink;height:100%;}

但是，如果您特定于固定高度，则需要将 div 的高度设置为与 min-height 相同。在这里检查