我有以下问题:HTML:TD不是100%台面高度
我有一个HTML <表>,其中有100像素,而且无边框固定高度。在这张桌子里面,我有一排(100%的高度),排在第5排(也有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 2014-09-13 20:08:27
请发送完整的代码示例。 – j08691 2014-09-13 20:08:57
@Jhecht:所有边距和填充值都设为0 – Unknown6656 2014-09-13 20:10:02