Javascript 为什么谷歌控制台报告<；的像素大小出乎意料；td>；

我正在按照代码阅读Head First的Javascript书，我注意到我的google控制台中有一些令人不安的东西。如果我在“元素”部分的控制台中向下钻取，当我高亮显示一个标记时，浏览器会告诉我它是96像素，而不是94像素！这让人抓狂，我不明白为什么：(

顺便说一句，资源和代码可从以下网站下载：

战舰
身体
{
背景色：黑色；
}
分区委员会
{
位置：相对位置；
宽度：1024px；
身高：863px；
保证金：自动；
背景：url（“board.jpg”）不重复；
}
分区信息区
{
位置：绝对位置；
顶部：0px；
左：0px；
颜色：rgb（83,175,19）；
}
桌子
{
位置：绝对位置；
左：173像素；
顶部：98px；
边界间距：0px；
}
运输署
{
宽度：94px；
高度：94px；
}
形式
{
位置：绝对位置；
底部：0px；
右：0px；
填充：15px；
背景色：rgb（83,175,19）；
}
表单输入
{
背景色：rgb（152207113）；
边框颜色：rgb（83,175,19）；
字号：1em；
}
打
{
背景：url（“ship.png”）无重复中心；
}
小姐
{
背景：url（“miss.png”）无重复中心；
}

更改此选项：

td {
    width  : 94px;
    height : 94px;
}

为此：

td {
    width   : 94px;
    height  : 94px;
    padding : 0;
}

---

演示：

两倍填充是否为默认值？可能是每侧一倍。

td {
    width   : 94px;
    height  : 94px;
    padding : 0;
}