Question

我遇到了以下问题：

我有一个HTML＆lt; table＆gt;，其固定高度为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%;
}

Answer 1

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

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

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

HTML：td不是100％表高度

1 个答案: