html - 嵌套表中的奇怪空间问题

Question

我正在尝试对一个相当简单的页面进行故障排除，该页面中有一个嵌套表格，并且出于某种原因给我提供了不需要的水平空间。我删除了大部分代码，直到只剩下表格和空间仍然存在。

<table>
    <tr>
        <td>
            ‎<table>
                <tr>
                    <td>
                        a
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

我可以使用 div 解决这个问题，但我想知道是否有人可以向我解释这个问题，我觉得我在这里遗漏了一些非常基本的东西。

jsfiddle - http://jsfiddle.net/jeo3ya9n/

在 IE 中检查 DOM 显示第一个 TD 和表格之间有一个空行，在 Chrome 中检查显示:

"
    ‎"

在同一个地方。删除那些删除不需要的空间，但我没有看到代码中导致它们的原因。

Answer 1

这是 IE 的众多布局错误之一，很难修复。一些建议:

1) 将包含单元格的 padding-top 设置为 0em

2)设置嵌套表格的margin-top为0em