0
爲什麼我收到錯誤的表總高度在這個例子：http://jsfiddle.net/nfb82/錯誤檯面高度
我指定的高度和寬度爲每個單元格。總共我需要獲得160x90的表格尺寸。當我得到錯誤的高度時，寬度計算正確。此外，在我的網站，我得到97px，在jsfiddle例子中，我有101px。 我想過可能會考慮的邊界，但爲什麼然後我得到正確的寬度。此外，我試圖改變高度（由1px的每個單元格高度下降），但在任何情況下，我得到了錯誤的高度
HTML：
<div class="template-markup _16x9" data-template-id="2">
<table>
<tbody>
<tr>
<td rowspan="2" style="width: 128px; height: 72px;">1</td>
<td style="width: 32px; height: 32px;">2</td>
</tr>
<tr>
<td style="width: 32px; height: 40px;">3</td>
</tr>
<tr>
<td colspan="2" style="height: 18px; width: 160px;">4</td>
</tr>
</tbody>
</table>
<div class="resolution">1920x1080</div>
</div>
CSS：
.template-markup {
float: left;
margin-right: 20px;
}
.template-markup table {
border: 1px solid #333;
border-collapse: collapse;
}
.template-markup table tr td {
border: 1px solid #333;
vertical-align: middle;
text-align: center;
cursor: pointer;
transition: background-color 0.2s, color 0.2s;
}
.template-markup table tr td:hover {
background-color: #DDD;
}
.template-markup table tr td.selected {
background-color: #333;
color: #FFF;
}
.template-markup .resolution {
text-align: center;
clear: both;
height: 30px;
margin-top: 5px;
}
.template-markup._16x9 {
width: 160px;
}
.template-markup._16x9 table {
width: 160px;
height: 90px;
}