html - 为什么 Chrome 会截断 div 中 100% 宽度表的小数宽度？

Question

我有一个具有小数宽度（例如 250.5 像素）的 div 和一个宽度为 100% 的表格。出于某种原因，Chrome 会截断表格宽度的小数部分（例如，从 250.5 像素到 250 像素）。页面渲染时，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

请参阅此以获得深入的解释。

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