Chrome神奇地增加了3px到页脚宽度-Chromemysteriouslyadds3pxtofooterwidth

-1  

This seems to be a bug in webkit, to fix it just set your footer to explicitly collapse the borders you added to the top of your footer like so:

这似乎是webkit中的一个错误，修复它只是设置你的页脚明确地折叠你添加到页脚顶部的边框，如下所示：

#colophon {
 border-collapse: collapse;
}

Make sure to remove the overflow:hidden declaration as it is not needed anymore.

确保删除溢出：隐藏声明，因为它不再需要。

EDIT. Yup, a bug. Managed to recreate it here, http://jsfiddle.net/PnYPr/ . Same problem as OP's in webkit. Will submit a bug report.

编辑。是的，一个bug。管理在这里重新创建它，http：//jsfiddle.net/PnYPr/。与webkit中的OP相同的问题。将提交错误报告。

EDIT 2. Bug reported.

编辑2.报告错误。

0  

Remove the display: table; rule. It's unnecessary, and you don't need to change it to anything else like display: block since that's the default and you're not overriding that in your example.

删除display：table;规则。这是不必要的，你不需要将它改为其他任何东西，比如display：block，因为那是默认值，你不会在你的例子中覆盖它。

0  

try display:inline; code instead of display: table-cell; and then see if you have achieved???

尝试显示：内联;代码而不是display：table-cell;然后看看你是否已经实现了???