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％，然后设置外部容器高度。即。

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

但是，如果您特定于固定高度，则需要将div的高度设置为与最小高度相同。检查here