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