如果包含输入，font-size会更改td height

Question

有字体大小的问题;演示：http://jsfiddle.net/9QMky/2/

body{
    font-size: 20px;
}
input, div{
    height: 10px;
    width: 10px;
}

阅读这篇CSS，我希望在这个HTML中看到输入和div的维度相同：

<table>
    <tr>
        <td>
            <input type="button"/>
        </td>
    </tr>
    <tr>
        <td>
            <div></div>
        </td>
    </tr>
</table>

但他们没有：包含输入的td更大。 font-size似乎是问题的一部分，使用属性

display: flex;

td上的

似乎有效。为什么呢？

注意：仅在Chrome上播放。