为什么Chrome会截断div中100％宽度表的十进制宽度？

Question

我有一个十进制宽度（例如250.5像素）的div和一个宽度为100％的表格。出于某种原因，Chrome会截断表格宽度的小数部分（例如从250.5px到250px）。当页面呈现时，div被向上舍入，并且在表格的右侧和div的右侧之间存在1个像素的间隙。如果我代替一个div，我就不会遇到这个问题。

为什么会发生这种情况，是否有办法让表格保留小数部分？我只在Chrome中遇到此问题; IE10看起来不错。

问题演示@ http://jsfiddle.net/7UrHa/

HTML：

<div id="redDiv">
    <table id="blueTable">
        <tr>
            <td>
                Content
            </td>
        </tr>
    </table>
</div>

CSS

#redDiv {
    width: 250.5px;
    height: 250px;
    background-color: red;
}

#blueTable {
    width: 100%;
    background-color: blue;
}

Answer 1

有关详细说明，请参阅this。

基本上，如果它是百分比宽度然后是，那么它是受到尊重的。但Chrome会截断小数像素。