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

标签 html css google-chrome subpixel

<分区>

我有一个具有小数宽度(例如 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;
}

最佳答案

引用this以获得深入的解释。

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

关于html - 为什么 Chrome 会截断 div 中 100% 宽度表格的小数宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18663207/

相关文章:

css - Bootstrap 更小的输入和更小的输入组插件问题

html - 在移动设备上如何将导航栏变成汉堡菜单

javascript - 未触发 Chrome 扩展程序警报

javascript - 为什么非 dojo javascript 错误似乎是由 dojo.xd.*.js 在 chrome 中发起的?

javascript - 未捕获的类型错误 : Cannot read property 'offsetTop' of null

jquery - 隐藏网页浏览器滚动条

javascript - 使用Ajax和PHP插入数据库(mysql)

android - ionic : on-release event is triggered before releasing touch

javascript - CSS - Microsoft Edge 中的绝对定位不稳定

javascript - 使用 Google Chrome 扩展程序编辑页面源代码