html - 嵌套表不按高度填充父 td

Question

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

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

在任何其他浏览器中一切正常。 感谢您的帮助。

---

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

Answer 1

我认为仅靠 CSS 不可能完全填充空间，但折叠边框确实有点帮助:

table {
    border-collapse:collapse;
}

编辑:您似乎已经编辑了问题。

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

table td {
    height:50%;
}

http://jsfiddle.net/fJ2WS/3/