1px出现在具体情况，我不明白为什么

Question

我重现了与我的代码相同的模板，但我无法在JsFiddle上重现相同的错误

http://jsfiddle.net/V9BDR/1/

以下是发生的事情：

在整个垂直ligne中，<img>（红色边框右侧）的border-right和<div id="page">之间有一个空格（大约1px）（适用于所有孩子） <div id="page">）时：

• ax Y上有一个溢出。
• 3px和6px之间有一个红色border-left-width，10px和13px，17px和20px ......

我真的不明白，特别是这个像素在红色边框离开时消失（我也可以找到具有正确边框宽度的图案来消除这个神秘的像素），这个事实是在一定的间隔之间。

我可以将边框从5px更改为6px，这是一个像素消失的情况，但我想知道我的代码中的“稳定”是什么。

也许这些症状跟你说话！对不起，我无法在jsFiddle上重现它

更新

以下是我将窗口调整为智能手机分辨率（我使用<img> src的简单白色图片）时所发生的事情的屏幕截图。

如果我回到桌面分辨率，我在图像和黑色边框之间只有1像素（对于每个不同宽度的窗口值，图像就像漂浮在周围）：

我们可以看到，即使其<div>父级（当前在控制台中选择）已完全匹配，图片也会越过边界。就像图像会在absolute position上一样，但它很好inline-block（在其父级上应用简单的text-align: right）。