似乎当你有一个非整数高度或宽度的容器并且让孩子完全沿着那个维度填充它时，边界会变得混乱（我假设由于抗锯齿）。
JSFiddle：http://jsfiddle.net/tsclaus/tadjgrxy/，适用于Chrome。
HTML：
<div class="container">
<div class="content"></div>
<div class="token"></div>
</div>
如果放大和缩小，您应该注意到对于某些缩放级别，令牌和容器元素的底部边框之间存在空白（略微倾斜的外观）。如果我截取屏幕截图，则不会出现空白，这就是我怀疑它与抗锯齿相关的原因。
任何帮助都会非常感激，因为这发生在我网站的多个区域，除了手动调整所有高度之外，我无法找到解决方法。