jQuery在Firefox中定位不同的值

Question

我创造了以下小提琴来说明问题......

https://jsfiddle.net/scottieslg/q78afsu8/10/

如果我在Chrome或Opera中运行这个小提琴，我的值为8。

但是，当我在Firefox中运行时，它会以9的形式返回。

在IE中，我得到8.5。

如何让所有浏览器返回相同的值？

HTML

<table id='testTable'>
    <thead>
        <tr><td>Test</td></tr>
    </thead>

    <tbody>
        <tr><td>Body</td></tr>
    </tbody>
</table>

<div id='topPos'></div>

的jQuery

$(document).ready(function() {
    var topPos = $("#testTable tr:nth-child(1) td:first").position().top;
    console.log(topPos);
    $("#topPos").html("Top: " + topPos);
});

CSS

#testTable {
    table-layout: fixed;
    width: 100%;
    padding: 0;
    border-collapse: collapse;
}

#testTable thead tr td {
    border: 1px solid #ccc;
}

Answer 1

尝试首先使所有元素相同。

* {margin:0;padding:0;}