【发布时间】：2013-06-27 23:43:07
【问题描述】：
我正在处理的项目中有一个奇怪的问题。 Firefox (22) 神奇地占用了我边框的 1 个像素。其他浏览器都可以。
现在，布局真的很复杂，我无法显示所有代码，但我希望这是相关部分：
HTML
<div class="carouselitem unselectable photo selected">
<img alt="" src="https://example.com/something.jpg" class="carouselimg">
<div class="typeicon"></div>
</div>
CSS
.mediacarousel .carouselitem.selected {
border: 5px solid white;
height: 71px;
opacity: 1;
width: 136px;
}
.mediacarousel .carouselitem:hover .carouselimg,
.mediacarousel .carouselitem.selected .carouselimg {
left: -5px;
position: relative;
top: -5px;
}
.mediacarousel .carouselitem,
.mediacarousel .carouselimg {
width: 146px;
}
.mediacarousel .carouselimg {
vertical-align: top;
}
.mediacarousel .carouselarrow, .mediacarousel .carouselscroller,
.mediacarousel .carouselitems, .mediacarousel .carouselitem, .mediacarousel .carouselimg {
height: 81px;
}
img, .unselectable {
-moz-user-select: none;
}
.mediacarousel .carouselitem .typeicon {
display: none;
filter: inherit;
}
Firebug 显示：
嗯，4.8px，认真的吗？ CSS 看起来不错：
但是，1 个完整的像素不知何故消失了……
我从来没有见过这样的事情，我也没有成功找到邪恶的根源。所以我的问题是：
这究竟是什么原因？这是一个已知的错误吗？
编辑：
事实证明，这只发生在font size in Windows 7 is set to 125% 时。仍然不是你所期望的。这是一个你可以自己尝试的小提琴：http://jsfiddle.net/mdynm/1
【问题讨论】：
-
@CanGeliş 感谢您的链接，但这是一个不同的问题。
box-sizing在我的情况下很好。 -
是的，抱歉我刚刚删除了。
-
是的，我打算建议它可能与默认字体或缩放设置为 100% 以外的值有关。要进一步缩小范围将是一个棘手的问题。
-
@brentonsrine 对。我猜这是 Firefox 中的一个错误，我会尽快发布错误报告。
-
@Pumbaa 我建议您将您的编辑放入答案并接受。