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）進行轉換。

請勿在屏幕上使用物理單位。