HTML：TD不是100％檯面高度

Question

我有以下問題：

我有一個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%; 
} 

Answer 1

你只需要的cellpadding和CELLSPACING設置爲0：

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

參見：http://jsfiddle.net/darekkay/bdej1qgw/