Chrome浏览器不支持使用JavaScript设置表格宽度

Question

Chrome似乎不支持我在表上设置的.width（）设置。 IE10可以。

页面加载完成后，我得到表格的宽度：425px。 然后，我删除内容最宽的行，从而使表重新绘制，并且表的宽度缩小：185px。

然后，我将表格的宽度设置为原始值425px。 但是，如果我在设置后检查表格的宽度，则会关闭（在我的实验中为2px）：423px。

这是一个已知的错误？

我使用了错误的获取/设置吗？

似乎这与表格边框有关（1px边框X2 = 2px），但是设置宽度时是否需要进行计算以考虑边框？

我有一个jsfiddle复制了问题：

http://jsfiddle.net/slolife/zLyQ2/

var orgWidth = $('table').width();
alert('Original width = ' + orgWidth);
$('table').width(orgWidth);
alert('Width after setting width to ' + orgWidth + ' = ' + $('table').width());
$('#two').remove();
alert('Width after remove = ' + $('table').width());

Answer 1

都是关于盒子模型的。

加

table{
   box-sizing: border-box;
}

该链接是一本非常有趣的文章，但是从根本上讲，您会强制执行与w3c规范不兼容的计算，包括边框和填充。

更新了jsFiddle