我重现了与我的代码相同的模板，但我无法在 JsFiddle 上重现相同的错误
这是发生的事情：
在以下情况下，在整个垂直线（对于 的所有子级）中（红色边框右侧）的the<img>和 the之间会出现一个空格（大约 1px）：border-right<div id="page"><div id="page">
- 轴 Y 溢出。
border-left-width3px和6px、10px和13px、17px和20px之间有一个红色……
我真的不明白，特别是当红色边框左侧（我也可以找到具有右边框宽度的图案来擦除这个神秘像素）时，这个像素消失在一些规则的间隔之间。
我可以将我的边框从 5px 更改为 6px，这是这种像素消失的情况，但我真的很想了解我的代码中什么不是“稳定的”。
也许这些症状跟你说话！对不起，我无法在 jsFiddle 上重现它
更新：
这是我将窗口大小调整为智能手机分辨率时发生的精确截图（我使用了一张简单的白色图片<img> src）。
如果我回到桌面分辨率，我在图像和黑色边框之间只有 1px （对于每个不同宽度的窗口值，图像就像浮动一样）：
我们可以看到，即使它的<div>父级（当前在控制台中选择）非常合适，图片也会越过边界。就像图像会打开一样absolute position，但它很好（在其父级上inline-block进行简单的应用）。text-align: right