最小高度容器的 TABLE 元素 100% 高度答案

【问题标题】：TABLE element 100% height of a min-height container最小高度容器的 TABLE 元素 100% 高度
【发布时间】：2013-08-18 14:56:57
【问题描述】：

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

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

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

还有 CSS：

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

我真的不习惯使用表格，所以感谢任何帮助...

【问题讨论】：

【解决方案1】：

这是你想要的吗？

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：