css - 为什么 Firefox 上的 Firebug 显示 "border-width: 0 1px 1px"而计算样式显示 1.1px？

Question

Firebug显示样式是:

#summary-border {
  background:url("/images/gamma/backgrounds/product.gif") repeat-y scroll right bottom transparent;
  border-color:#D0D0D0;
  border-style:solid;
  border-width:0 1px 1px;
  display:inline-block;      /* this one is shown to be overridden */
  overflow:hidden;
}

但计算样式显示 border-right-width 为 1.1px !?!? (border-left-width 也是)

(更新:我的同事刚刚告诉我它只发生在 Mac 上的 Firefox 上，但不会发生在 Linux 或 PC 上。我使用的 Firefox 是最新的:Firefox 3.6.11)

这不是问题，除了那个 div 的宽度然后被设置为 957.8px 而不是 958px，而其他 float 的 div 需要 958px 所以一个大 Pane 不能 float (因为比需要的短 0.2px 并且那个 div 包裹在其他 float 的 div 下)

---

(更多详情:)

css文件中的原始代码是:

#summary-border {
  overflow: hidden;
  display: inline-block;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #d0d0d0;
  background: transparent url("/images/gamma/backgrounds/product.gif") repeat-y bottom right; }

Answer 1

CSS 中的 Px 不描述绝对屏幕像素。它们受显示器密度的影响。您可以在 CSS-spec 中阅读有关详细信息.