HTML:td不是100%表格高度

我遇到了以下问题:

我有一个HTML<表>,其具有100px的固定高度和无边框。在这个表中,我有一个单行(100%高度),行内有5个td(也有100%高度)。 在这个td中,我有一个div(位置=相对,高度=100%)。

当我用Chrome开发工具分析整个过程时,我发现div的高度略小于表。如何将div的高度设置为与表一样高?

我已经尝试将cellpadding设置为-2px,但它不起作用-我并没有真正处理表格,因此请原谅我在这方面缺乏知识:/

谢谢你的帮助

编辑:我的源代码:

<table>
    <tr>
        <td>
            <div>text 1</div>
        </td>
        <td>
            <div>text 1</div>
        </td>
        <td>
            <div>text 1</div>
        </td>
    </tr>
</table>

以及CSS:

table{
    padding: 0;
    margin: 0;
    height: 100px;
    width: 100%;
}

tr,
td{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 200px;
}

td > div{
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
    width: 100%;
}