为什么Firefox上的Firebug显示“border-width:0 1px 1px”,但Computed Style显示1.1px?

时间:2010-10-27 21:03:02

标签: css firebug pixel

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-width1.1px!?!? (border-left-width也是)

更新:我的同事告诉我它只发生在Mac上的Firefox上,但不发生在Linux或PC上。而我使用的Firefox是最新的:Firefox 3.6.11)< / p>

这不是问题,除了那个div的宽度然后是957.8px而不是958px,而其他浮动的div需要958px,所以一个大窗格 不能浮动(因为比所需的短0.2px并且div包裹在其他浮动的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; }

1 个答案:

答案 0 :(得分:1)

CSS中的Px不描述绝对屏幕像素。它们受显示器密度的影响。您可以在CSS-spec

中了解详细信息