如何/为什么显示：表格影响div宽度？

Question

我注意到div上的display:table会导致其宽度计算出现舍入问题，这很奇怪，因为我的调整大小为100％。

http://jsbin.com/obidun/2/edit

请注意，上部有一个宽度为55％的div，带有嵌套显示：表格div的宽度为100％。嵌套的div不会延伸到其父级的边缘（请注意父级div的白色渗透）。

除了嵌套的div未设置为display:table之外，下半部分完全相同，并且没有渗透。

为什么display:table影响宽度计算，尤其是100％？我有办法解决这个问题吗？我目前的想法是将宽度设置为101％并将溢出设置为隐藏...

注意：我正在使用Chrome。 IE似乎没问题，至少在给定的大小。

Answer 1

Percentage units转换为像素internally，每个浏览器都会以不同方式执行。如果解决方案今天有效，请使用它，但请注意它可能不适用tomorrow。