HTML：td不是表格高度的100％

Question

我遇到以下问题：

我有一个HTML <table>，它的固定高度为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%;
}

Answer 1

您只需要将cellpadding和cellspacing设置为0：

<table cellpadding="0" cellspacing="0">

请参阅： http ： //jsfiddle.net/darekkay/bdej1qgw/