2014-09-13 42 views
0

我有以下问题: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%; 
} 
+1

检查填充或边距值。 – Jhecht 2014-09-13 20:08:27

+0

请发送完整的代码示例。 – j08691 2014-09-13 20:08:57

+0

@Jhecht:所有边距和填充值都设为0 – Unknown6656 2014-09-13 20:10:02

回答

1

你只需要的cellpadding和CELLSPACING设置为0:

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

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

+1

http://stackoverflow.com/q/339923/2825551是CSS版本。 – Jhecht 2014-09-14 01:12:11