嵌套表不按高度填充父 td答案

【问题标题】：Nested table doesn't fill parent td by height嵌套表不按高度填充父 td
【发布时间】：2013-03-09 15:36:42
【问题描述】：

我在 IE9+ 中遇到了我的标记问题。嵌套 table 不会填充父 td。

这是jsFiddle。红色表格必须填满剩余的垂直尺寸。

在任何其他浏览器中一切正常。任何帮助表示赞赏。

UPD。刚刚添加了一张图片来显示我在 IE 中看到的内容。

【问题讨论】：

除了使用嵌套表真的没有其他解决方案了吗？
是的，我不能对标记应用任何全局更改。希望纯CSS能解决这个问题。
我只是尝试在两个表和that worked 上设置cellpadding 和cellspacing。只是补充一下 - 它可能是doctype 影响它。
我看不出 IE 有什么不同。 db.tt/RArWifDT
嗯。哈哈！我什至无法让 Fiddle 使用我的 IE 版本！ :D

【解决方案1】：

我认为单独在 CSS 中完全填充空间是不可能的，但折叠边框确实有点帮助：

table {
    border-collapse:collapse;
}

编辑：您似乎已经编辑了您的问题。

如果您的两个表都只有两行，则将 td 元素的 height 设置为 50% 似乎在 IE 中可以解决问题：

table td {
    height:50%;
}

【讨论】：