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

Question

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

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

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

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

在此处输入图像描述

score 0 · Accepted Answer

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

table {
    border-collapse:collapse;
}

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

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

table td {
    height:50%;
}

1 回答 1