HTML：td 不是 100% 表格高度答案

【问题标题】：HTML: td not 100% table heightHTML：td 不是 100% 表格高度
【发布时间】：2014-11-07 17:58:43
【问题描述】：

我遇到了以下问题：

我有一个 HTML

，它的高度固定为 100px，没有边框。在这张表中，我有一行（100% 高度）和第 5 行 td（高度也为 100%）。在这个 td 里面我有一个 div (position=relative, height=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%;
}

【问题讨论】：

检查填充或边距值。
请发布一个完整的代码示例。
@Jhecht：所有边距和填充值都设置为 0
我们需要能够看到您的 HTML 以及您的 css。请编辑问题。
这就是你想要的吗？ jsfiddle.net/j08691/j6fjegw8

标签： html css

【解决方案1】：

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

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

见：http://jsfiddle.net/darekkay/bdej1qgw/

【讨论】：