Css 如果包含输入，字体大小将更改td高度

字体大小有问题；演示：

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

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

在这方面，td似乎起了作用。为什么?

---

注意：仅在Chrome上播放。

您在小提琴中使用了两个不同的表。是的，这些表是独立的，为了显示差异（我希望包含输入的td与div的td类似），您忘记了默认的

边距

和

填充

属性。如果您尝试

*{margin:0；padding:0；}

重置它们，您将获得更多您想要的内容。这是一个要点，但还不够：输入的td仍然有一个太高的高度。将字体大小设置为零似乎是主要的瓶颈。为什么？

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

display: flex;