CSS盒模型计算风格混淆

Question

我努力去理解下面计算的元素样式的顶部和左侧值。我用domStyle.set（Dojo）分别指定顶部和左侧值分别为59pt和202pt。实际值将是78px和269px。看着填充和边界我无法计算出这些数字是如何计算的。

有人可以帮忙吗？以下数字来自FireBug。非常感谢。

BOX MODEL 
width 422px 
height 267px 
top 78.6667px 
    @element.style 59pt  
left 269.333px 
    @element.style 202pt 
padding-top 8px 
padding-right 8px 
padding-bottom 8px 
padding-left 8px 
border-top-width 1px 
border-right-width 1px 
border-bottom-width 1px 
border-left-width 1px 
border-top-style solid 
border-right-style solid 
border-bottom-style solid 
border-left-style solid 

LAYOUT 
position absolute 
display block 
z-index 102 
overflow-x hidden 
overflow-y hidden 

Answer 1

1pt是1/72in，而像素是像素（至少在最台式机/笔记本电脑）。单位根据浏览器认为屏幕的DPI（通常假定为72dpi IIRC）进行转换。

请勿在屏幕上使用物理单位。