Html Chrome中的CSS错误：如何删除项目之间的空格

我在正在开发的插件中发现了一个问题。当百分比完全相加时，方框之间有一个空格。此问题也仅在某些宽度下出现-调整

.wrapper

div

的宽度实际上将正确显示项目

为什么会发生这种情况？为什么它看起来只有一定的尺寸

我怎么修理它？我不能简单地调整

.wrapper

.wrapper{
宽度：454px；
高度：200px；
位置：相对位置；
边框：1px实心#ddd；
}
.内部{
宽度：自动；
身高：100%；
位置：相对位置；
}
.物品持有人{
宽度：100%；
身高：100%；
位置：相对位置；
}
#项目1{
位置：绝对位置；
宽度：49.8%；
身高：49.8%；
最高：16.6%；
左：41.5%；
背景：红色；
}
#项目2{
位置：绝对位置；
宽度：8.7%；
身高：33.2%；
最高：33.2%；
左：91.3%；
背景：绿色；
}

---

宽度和其他数字四舍五入为整数像素，有时这会导致意外结果

---

您应该自己对数字进行四舍五入，或者尝试进一步细化，比如49.8957515，它有时可以工作。

不仅仅在chrome上。